Checkbox

Checkbox mit Label, Zuständen (disabled, invalid) und Formular-Tokens

Im Builder nutzen

Beispiele

Standard

Newsletter abonnieren

Angehakt

AGB akzeptiert

Fehlerzustand

Datenschutz akzeptierenZustimmung ist erforderlich.

Deaktiviert

Systemoption (gesperrt)

Eigenschaften

Prop	Typ	Default	Builder-Label
label *	string	—	Label
name *	string	—	Feldname
checked	boolean	false	Angehakt
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.2state.disabled-opacitytext.mdtext.xs