Radiobutton und Checkbox

Hauptkapitel
Designsystem
Unterkapitel
Komponenten
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung und Verhalten

Varianten

Radiobutton

  • Besteht aus einem Radiobutton und einem Label.
  • Zusätzlich kann ein Titel zu einer Radiobutton-Gruppe angezeigt werden.

Checkbox

  • Besteht aus einer Checkbox und einem Label.
  • Zusätzlich kann ein Titel zu einer Checkbox-Gruppe angezeigt werden.

Verwendung

Radiobuttons und Checkboxen eignen sich für wenige Auswahlmöglichkeiten (maximal 3 bis 5). Kann nur ein Wert gewählt werden, so nutzen wir Radiobuttons. Können Nutzende mehrere Werte wählen, so nutzen wir Checkboxen.

Für Ja/Nein- bzw. An/Aus-Auswahlen nutzen wir einen Schalter. Für eine grössere Zahl an Auswahlmöglichkeiten nutzen wir ein Dropdown-Auswahlfeld.

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch