Radio Buttons werden im Gegensatz zu den Checkboxen bei sich gegenseitig ausschließenden Optionen in einer Liste verwendet. Eine Mehrfachauswahl ist somit bei Radiobuttons nicht möglich.
Downloads
Wann werden Radio Buttons eingesetzt?
- Als Auswahlmöglichkeit in einer Liste mit mindestens zwei Optionen
- Die Optionen der Auswahlliste schließen sich gegenseitig aus – keine Mehrfachauswahl
Anwendung
Die Verwendung von Light- bzw. Dark Mode schließt sich gegenseitig aus. Aus diesem Grund werden Radio Buttons eingesetzt. Ein Klick auf einen anderen Radio Button löscht die zuvor getroffene Auswahl.
Do's & Don'ts
Do:Verwendung von Radio Buttons bei sich gegenseitig ausschließenden Einträgen in einer Liste.
Don't:Verwende Radio Buttons nicht für die Aktivierung/Deaktivierung von einzelnen Funktionen. Nutze stattdessen einen Switch.
Don't:Verwende Radio Buttons nicht bei Listen, in der eine Mehrfachauswahl möglich sein soll. Hierfür eignen sich Checkboxen.
Achtung!Bei einer Liste mit einer Vielzahl von Einträgen lohnt sich der Einsatz anderer Komponenten wie z.B. eines Select Feldes
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