The Slider component provides an intuitive way to select a value from a range using a draggable thumb along a track.
Without value, Slider keeps its own state and starts at defaultValue, or at min when there is none. onChange is optional then: give the slider a name and a form submits its value, or read it from a ref.
For two thumbs that select a range, use RangeSlider.
Add a descriptive label to the slider using the label prop.
Display the current value alongside the label using showValue.
Control the granularity of value changes with the step prop.
Define custom minimum and maximum values for your use case.
Disable the slider to prevent user interaction.