Skip to main content
Sentivel Endorsed by RayfieldStatus pages and uptime monitoring for whatever you ship. Free to start.Take a look A slider picks a number between a minimum and a maximum. The callback fires as it moves.
A slider set within its range

Properties

string
The label.
string
Hint text under the label. Optional.
string | number
An icon shown beside the label. Optional.
{ number }
default:"{ 0, 100 }"
The bounds, as { min, max }.
number
default:"1"
The step the slider snaps to, counted from min. Both bounds stay reachable even when the span isn’t a whole number of steps.
number
default:"min"
The initial value.
string
A unit shown after the number.
boolean
default:"false"
Show the track only, with no label. For dense rows.
string
default:"derived from name"
The save key. Optional.
boolean
default:"false"
Skip saving.
function
Runs with the new value as the slider moves.

Handle

number
The current value.
Set the value. Pass true as the second argument to skip the callback.