Diggi Docs
RadioButtons

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.

Bei Verwendung des Types Radio müssen die BUttons mit einer RadioGroup Komponente umschlossen sein.

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:


Do's and Don'ts

do dont

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

2026 Robert Bosch GmbH, all rights reserved

2.5.2