Selectievak
Selectievak
Het checkbox-veld slaat een booleaanse aan/uit-waarde op.
Geschikt voor
- schakelaars
- optionele weergavevlaggen
- tonen/verbergen-schakelaars
- eenvoudig inschakel-/uitschakelgedrag
Schemavoorbeeld
{ "name": "showBadge", "label": "Show Badge", "type": "checkbox" }Gebruik in sjabloon
{{#if showBadge}}
<span class="badge">New</span>
{{/if}}Voorbeeld van modifier:
<section class="hero {{#if highlightHero}}hero-highlighted{{/if}}">
...
</section>Gebruik wanneer
Gebruik checkbox wanneer het veld één eenvoudige ja/nee-keuze vertegenwoordigt.
Gebruik niet wanneer
Gebruik checkbox niet voor:
- varianten met meerdere opties
- vrij invulbare labels
- herhaalde items
Gebruik in plaats daarvan select, text of repeater.
Technische notities
- gebruik
checkboxalleen voor één enkele binaire beslissing - geef de voorkeur aan expliciete namen zoals
showBadge,enableFormofhighlightHero - vermijd het aaneenschakelen van veel selectievakjes wanneer de component eigenlijk een explicieter variantmodel nodig heeft
- als auteurs kiezen tussen meerdere onderling exclusieve toestanden, gebruik
select