beta

Checkbox

1. Was macht das Element?

  • Dient zur Eingabe von Ja/Nein-Werten.

2. Wann soll das Element eingesetzt werden?

  • Beim Auswählen einer Option.
  • Beim Auswählen mehrerer zueinander unabhängigen Optionen.

3. Regeln

  • Eine Checkbox ist nur innerhalb von Formularen erlaubt.
  • Mehrere Checkboxen können vertikal oder horizontal angeordnet werden. Die vertikal Anordnung wird bevorzugt, dadurch kann der Benutzer die Auswahlmöglichkeiten schneller erfassen.
  • Horizontale Anordnung nur bei zwei bis drei Auswahlmöglichkeiten und kurzen Bezeichnungen.
  • Der Text kann mehrzeilig sein.
  • Nebst der eigentlich Checkbox dient auch der gesamte Text als Click-Target.
  • Oberhalb einer Checkbox-Gruppe kann ein Titel eingesetzt werden.
  • Für detaillierte Erklärungen zu einer Checkbox-Gruppe kann neben dem Titel ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein Tooltip.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • Checked
  • Indeterminated
  • Unchecked
  • Focused Checked
  • Focused Indeterminate
  • Focused Unchecked
  • Disabled Checked
  • Disabled Indeterminated
  • Disabled Unchecked

4.1 Standard

4.1.1 Vermassung