Schieberegler (Slider) — ui.slider
Nativer Range-Slider mit Token-Styling und Live-Wertanzeige — funktioniert ohne JS, Controller aktualisiert Anzeige und emittet change
UI Elementv1.0.0Formulareweb.documentweb.applicationdesktop.shellbuilder.preview
Beispiele
Mit Label und Live-Wert
Feine Schritte (0–1)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
value | number | 50 |
min | number | 0 |
max | number | 100 |
step | number | 1 |
unit | string | "" |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--slider-percent | 50% |
Genutzte Design-Tokens
border.hairline color.action.primary color.surface.default color.surface.sunken color.text.default color.text.muted elevation.control focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.full size.2 size.5 text.sm weight.medium weight.semibold