Homecomponentsinput
Slider
A numeric input aid with minimum and maximum bounds.
Use Slider to let the user select a value from within a given range.
Two thumbs
Use a tuple of numbers for value to have a slider with two thumbs.
Disabled
Use disabled property to make the slider not interactive.
Step Interval
Use step property specify the interval of increments or decrements.
Minimum Steps Between Thumbs
Use minStepsBetweenThumbs to specify minimum allowed step between the thumbs.
API
name
Required
string
value
Required
SliderValueType
disabled
true
false
min
number
max
number
step
number
minStepsBetweenThumbs
number
onChange
((value: T) => void)
onBlur
FocusEventHandler<HTMLDivElement>
data
DataAttributeMap