Schalter — ui.switch
An/Aus-Schalter (Toggle) — checkbox-Semantik mit Switch-Optik über Tokens
UI Elementv1.0.0Formulareweb.documentweb.applicationdesktop.shell
Beispiele
Aus
An
Rechnungen werden nach Versand automatisch erzeugt.
Deaktiviert (an)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label * | string | — |
name * | string | — |
checked | boolean | false |
disabled | boolean | false |
hint | string | "" |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--switch-track-off | var(--color-border-strong) |
--switch-track-on | var(--color-action-primary) |
--switch-thumb | var(--color-action-on-primary) |
Genutzte Design-Tokens
color.action.on-primary color.action.primary color.border.strong color.text.default color.text.disabled color.text.muted duration.base easing.standard focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.full shadow.control size.05 size.2 size.3 size.4 size.8 state.disabled-opacity text.md text.xs