Checkbox-Feld

Checkbox-Feld

Der checkbox-Feldtyp speichert einen booleschen Ein/Aus-Wert.

Am besten für

  • Umschalter
  • optionale Anzeige-Flags
  • Anzeigen/Ausblenden-Schalter
  • einfaches Aktivieren/Deaktivieren-Verhalten

Schema-Beispiel

{ "name": "showBadge", "label": "Show Badge", "type": "checkbox" }

Vorlagenverwendung

{{#if showBadge}}
  <span class="badge">New</span>
{{/if}}

Modifier-Beispiel:

<section class="hero {{#if highlightHero}}hero-highlighted{{/if}}">
  ...
</section>

Wann verwenden

Verwenden Sie checkbox, wenn das Feld eine einfache Ja/Nein-Entscheidung darstellt.

Nicht verwenden, wenn

Verwenden Sie checkbox nicht für:

  • Varianten mit mehreren Optionen
  • Freitext-Beschriftungen
  • wiederholte Elemente

Verwenden Sie stattdessen select, text oder repeater.

Technische Hinweise

  • Verwenden Sie checkbox nur für eine einzelne binäre Entscheidung
  • Bevorzugen Sie explizite Namen wie showBadge, enableForm oder highlightHero
  • Vermeiden Sie das Aneinanderreihen vieler Checkboxen, wenn die Komponente tatsächlich ein expliziteres Variantenmodell benötigt
  • Wenn Autoren zwischen mehreren sich gegenseitig ausschließenden Zuständen wählen, verwenden Sie select

Verwandte