Radio-Gruppe

Radiobutton-Gruppe mit Optionen-Array — Gruppen-Logik im Element gelöst (ein name, eine Auswahl)

UI Elements v1.0.0 Formular WebsiteAppDesktop ui.radio-group

Beispiele

Vertikal mit Auswahl
Versandart
Horizontal
Anrede
Fehlerzustand
Zahlungsziel
Bitte ein Zahlungsziel wählen.
Deaktiviert
Vertragsart (gesperrt)

Eigenschaften

PropTypDefaultBuilder-Label
labelstring""Gruppen-Label
name *stringFeldname
options *arrayOptionen
valuestring""Gewählter Wert
layoutstring: vertical | horizontal"vertical"Anordnung
disabledbooleanfalseDeaktiviert
invalidbooleanfalseFehlerzustand
hintstring""Hinweis/Fehlertext

* Pflicht-Prop

Events & Slots

Events: ⚡ change — im Surface per on: {<event>: {action, params}} verdrahtbar.

Genutzte Design-Tokens

color.action.primarycolor.status.dangercolor.text.defaultcolor.text.disabledcolor.text.mutedfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultform.erroricon.smsize.1state.disabled-opacitytext.mdtext.smtext.xsweight.medium