Schalter

An/Aus-Schalter (Toggle) — checkbox-Semantik mit Switch-Optik über Tokens

UI Elements v1.0.0 Formular WebsiteAppDesktop ui.switch

Beispiele

Aus
An
Rechnungen werden nach Versand automatisch erzeugt.
Deaktiviert (an)

Eigenschaften

PropTypDefaultBuilder-Label
label *stringLabel
name *stringFeldname
checkedbooleanfalseEingeschaltet
disabledbooleanfalseDeaktiviert
hintstring""Hinweis

* Pflicht-Prop

Events & Slots

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

Genutzte Design-Tokens

color.action.primarycolor.border.strongcolor.text.defaultcolor.text.disabledcolor.text.mutedduration.baseeasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultpalette.neutral.0radius.fullshadow.controlsize.05size.2size.3size.4size.8state.disabled-opacitytext.mdtext.xs