Slider

Palette
Size
Elevation
Outlined
Rounded
Range
Disabled
30

Svelte 
<!-- Single value slider -->
<Slider value={30} />
<Slider value={50} palette="success" rounded />

<!-- All palettes -->
<Slider value={60} palette="accent" />
<Slider value={60} palette="tone" />
<Slider value={60} palette="error" />
<Slider value={60} palette="warning" />
<Slider value={60} palette="success" />
<Slider value={60} palette="info" />
<Slider value={60} palette="neutral" />

API

PropTypeDefault
valuenumber0
value_endnumber100
rangebooleanfalse
minnumber0
maxnumber100
stepnumber1
palette"accent" | "tone" | "neutral" | "error" | "warning" | "success" | "info""accent"
size"sm" | "md" | "lg""md"
elevation"none" | "subtle" | "hard""none"
outlinedbooleanfalse
roundedbooleanfalse
disabledbooleanfalse
aria_labelstringundefined
Prop value
Type number
Default 0
Prop value_end
Type number
Default 100
Prop range
Type boolean
Default false
Prop min
Type number
Default 0
Prop max
Type number
Default 100
Prop step
Type number
Default 1
Prop palette
Type "accent" | "tone" | "neutral" | "error" | "warning" | "success" | "info"
Default "accent"
Prop size
Type "sm" | "md" | "lg"
Default "md"
Prop elevation
Type "none" | "subtle" | "hard"
Default "none"
Prop outlined
Type boolean
Default false
Prop rounded
Type boolean
Default false
Prop disabled
Type boolean
Default false
Prop aria_label
Type string
Default undefined