Radio-Gruppe

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

Im Builder nutzen

Beispiele

Vertikal mit Auswahl

Versandart

DHL StandardDHL ExpressSelbstabholung

Horizontal

Anrede

HerrFrauDivers

Fehlerzustand

Zahlungsziel

14 Tage30 Tage

Bitte ein Zahlungsziel wählen.

Deaktiviert

Vertragsart (gesperrt)

BasisPro

Eigenschaften

Prop	Typ	Default	Builder-Label
label	string	""	Gruppen-Label
name *	string	—	Feldname
options *	array	—	Optionen
value	string	""	Gewählter Wert
layout	string: vertical | horizontal	"vertical"	Anordnung
disabled	boolean	false	Deaktiviert
invalid	boolean	false	Fehlerzustand
hint	string	""	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