Schieberegler (Slider)

Nativer Range-Slider mit Token-Styling und Live-Wertanzeige — funktioniert ohne JS, Controller aktualisiert Anzeige und emittet change

Im Builder nutzen

Beispiele

Mit Label und Live-Wert

Rabatt

25 %

Feine Schritte (0–1)

Deckkraft

0,8

Eigenschaften

Prop	Typ	Default	Builder-Label
label	string	""	Label
value	number	50	Startwert
min	number	0	Minimum
max	number	100	Maximum
step	number	1	Schrittweite
unit	string	""	Einheit (z.B. %)

* Pflicht-Prop

Events & Slots

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

Genutzte Design-Tokens

border.hairlinecolor.action.primarycolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedelevation.controlfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.fullsize.2size.5text.smweight.mediumweight.semibold