Skip to Content

Slider

A slider allows a user to select a value within a range.

50

Component props

NameTypeDescription
labelReactNodeLabel text displayed above the slider
valuenumberControlled value
defaultValuenumberDefault value
minValuenumberMinimum value (default: 0)
maxValuenumberMaximum value (default: 100)
stepnumberStep increment (default: 1)
showValuebooleanShows current value (default: true)
isDisabledbooleanDisables the slider
onChange(value: number) => voidCalled when value changes