Schalter
An/Aus-Schalter (Toggle) — checkbox-Semantik mit Switch-Optik über Tokens
Beispiele
Aus
An
Rechnungen werden nach Versand automatisch erzeugt.
Deaktiviert (an)
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| label * | string | — | Label |
| name * | string | — | Feldname |
| checked | boolean | false | Eingeschaltet |
| disabled | boolean | false | Deaktiviert |
| hint | string | "" | Hinweis |
* Pflicht-Prop
Events & Slots
Events:
⚡ change — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| 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-primarycolor.action.primarycolor.border.strongcolor.text.defaultcolor.text.disabledcolor.text.mutedduration.baseeasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.fullshadow.controlsize.05size.2size.3size.4size.8state.disabled-opacitytext.mdtext.xs