RadioButtons bieten eine Auswahlmöglichkeit und erlauben dem Nutzer die Auswahl einer einzelnen Option aus einer Gruppe.
RadioButtons werden verwendet, wenn der Nutzer nur eine einzige Option auswählen kann. Soll eine Mehrfachauswahl möglich sein, wird eine Checkbox verwendet. RadioButtons agieren in einer Gruppe. Sie können nur dann vollständig inaktiv sein, wenn der Nutzer noch keine der Optionen ausgewählt hat. Sobald eine Auswahl getroffen wurde, ist der ausgewählte Button der Gruppe aktiv. In den meisten Fällen ist bei einer Radiobutton-Auswahl eine der Optionen als aktiv vorbelegt. Im Gegensatz zu Checkboxes wird ein aktiver Radiobutton durch eine erneute Auswahl nicht deaktiviert. Um die Auswahl zu ändern, muss ein anderer Radiobutton der Gruppe ausgewählt werden.
Beispiele
Simple List
currentValue:
Object List
currentValue: null
String Enum
currentValue: Lorem
Number Enum
currentValue: 0
Boolean Selection
currentValue: true
Split into seperate lists
currentValue:
4
Do's and Don'ts
Do
Don't
Einfachauswahl aus einer Liste
Keine Verwendung als An/Aus-Schalter – Für diese Fälle steht das UI-Element „Switch“ zur Verfügung