Repeater-veld
Repeater-veld
Het repeater-veld slaat herhaalbare rijen met gestructureerde inhoud op.
Het beste voor
- FAQ-items
- prijskaarten
- functielijsten
- tijdlijnstappen
- vergelijkingsrijen
Voorbeeldschema
{
"name": "faqItems",
"label": "FAQ Items",
"type": "repeater",
"fields": [
{ "name": "question", "type": "text" },
{ "name": "answer", "type": "textarea" }
]
}Veelvoorkomende subvelden van een rij
Binnen een repeater gebruiken teams vaak:
texttextareanumberurlcheckboxcoloremailtelrange
Met deze subvelden kan een herhaalde rij zowel inhoud als eenvoudige instellingen op itemniveau bevatten.
Sjabloongebruik
<div class="faq-list">
{{#each faqItems as="item"}}
<article class="faq-item">
<h3>{{ item.question }}</h3>
<p>{{ item.answer }}</p>
</article>
{{/each}}
</div>Gebruik het wanneer
Gebruik repeater wanneer een sectie meerdere items met dezelfde interne structuur nodig heeft.
Gebruik het niet wanneer
Gebruik repeater niet wanneer:
- één veldwaarde voldoende is
- de rijen niet echt dezelfde structuur hebben
- de inhoud een dynamische Lijst zou moeten zijn in plaats van lokale herhaalde rijen