Checkboxen werden im Gegensatz zu Radio Buttons bei unabhängigen Einträgen in einer Liste verwendet. Mehrfachauswahlen sind somit möglich.
Downloads
Wann werden Checkboxen eingesetzt?
- Multiple Choice Auswahlmöglichkeiten in Formularen
- Auswahl von Filtereinstellungen
- Auswahl zur Stapelverarbeitung mehrerer Elemente (z. B. Tabellen)
Anwendung
Multiple Choice
Bei Listen, in denen eine Mehrfachauswahl der Einträge möglich sein soll, werden Checkboxen verwendet. Die Einträge dürfen sich hierbei nicht gegenseitig ausschließen.
Filter
Checkboxen eignen sich optimal für die Filterung von Inhalten. Dabei können auch Einträge mit nur einer Option (siehe Fahrradmitnahme und Bestpreise) aufgeführt werden.
Größen
Checkboxen existieren in einer 20 dp sowie einer 24 dp Ausprägung. Zudem lässt sich die Größe des Labels individuell anpassen.
Unchecked,
Intermediate,
Checked
Checkboxen in einer hierarchischen Struktur bestehen aus einer Parent Checkbox sowie mindestens zwei Child Checkboxen. Die Auswahl (oder Nichtauswahl) der Child Checkboxen bestimmt den Zustand der Parent Checkbox (siehen Beispiel).
Do's & Dont's
Do:Verwende Checkboxen zur (Mehrfach)auswahl von Optionen einer Liste
Don't:Verwende bei sich selbst ausschließenden Listeneinträgen keine Checkboxen sondern Radio Buttons.
Du hast Fragen oder Input?
Wir haben alles dafür gegeben, dass unser Design System mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein, Fragen oder einfach nur eine gute Verbesserungsidee haben, so sind wir gerne für dich da!
E-Mail schreiben Feedback in Github
Weiter