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 checkbox alleen voor één enkele binaire beslissing
  • geef de voorkeur aan expliciete namen zoals showBadge, enableForm of highlightHero
  • 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

Gerelateerd