🇩🇪 Deutsch 🇺🇸 English 🇪🇸 Español 🇫🇷 Français 🇮🇹 Italiano 🇳🇱 Nederlands 🇵🇹 Português
🇩🇪 Deutsch 🇺🇸 English 🇪🇸 Español 🇫🇷 Français 🇮🇹 Italiano 🇳🇱 Nederlands 🇵🇹 Português

Referentie voor componentvelden

Referentie voor componentvelden

Deze referentie behandelt de veldtypen die beschikbaar zijn bij het definiëren van FaceFlow-componenten.

Gebruik deze sectie wanneer je moet beslissen welk soort editorgerichte invoer een sectie moet aanbieden en hoe die invoer veilig en voorspelbaar gerenderd moet worden.

Veldtypen op topniveau

Subveldtypen alleen voor Herhaler

Deze veldtypen zijn bedoeld voor gebruik binnen repeater-rijen in plaats van als algemene veldtypen op sectieniveau.

Regels voor veldkeuze

Kies een veldtype op basis van het contentcontract dat je wilt behouden:

  • gebruik text voor korte tekenreeksen
  • gebruik textarea voor onbewerkte meerregelige tekst
  • gebruik number voor numerieke waarden die numeriek moeten blijven
  • gebruik url voor links en bestemmingen
  • gebruik date voor publicatie-, evenement- of tijdlijn-datums
  • gebruik image of images voor beheerde media
  • gebruik file voor downloadbare middelen
  • gebruik select of checkbox voor gecontroleerde opties
  • gebruik richtext voor redactionele opmaak
  • gebruik htmlcode alleen voor gecontroleerde geavanceerde markup
  • gebruik map voor gestructureerde locatiegegevens
  • gebruik repeater voor gestructureerde herhaalde rijen
  • gebruik formSelect en reviewSelect voor beheerde embeds

Snelle beslisgids

one short string            -> text
one multi-line plain block  -> textarea
formatted editorial content -> richtext
repeatable cards or FAQs    -> repeater
embed a managed Form        -> formSelect
embed a managed Review      -> reviewSelect
advanced custom markup      -> htmlcode

Voorbeeldschema

[
  { "name": "title", "label": "Title", "type": "text" },
  { "name": "summary", "label": "Summary", "type": "textarea" },
  { "name": "heroImage", "label": "Hero Image", "type": "image" },
  { "name": "ctaUrl", "label": "CTA URL", "type": "url" }
]

Gerelateerd