Slider API

API reference docs for theSlidercomponent. For examples and details on the usage of this component, visit the component demo page.

Props

PropTypeDescriptionDefault
adornmentEnd?ReactNodeSlot to render content after slider._
adornmentStart?ReactNodeSlot to render content before slider._
ariaLabelledBystringThe id of the element that serves as the accessible label for the slider._
minValue?numberMinimum allowed value of the slider.0
maxValue?numberMaximum allowed value of the slider.100

step?

number

Step increment for the slider.

Note: The step value must always be greater than 0.

1

value?numberControlled value of the slider, used when the slider value is managed externally._
defaultValue?numberDefault value of the slider, used when the slider is uncontrolled. Should be within minValue and maxValue._
isDisabled?booleanDisables the slider, preventing user interaction.false
onValueChange?functionCallback function triggered when the slider value changes, providing the new value as an argument._

Note: If value or defaultValue falls outside the min and max range, a console warning will appear, and the component will not render.