Range Slider
Allow the user to select a single value between two range values.
When to use
Use the Range Slider to enable adjustment of content within a predetermined range. Moving the slider along the track, increases or decreases the value. Avoid large ranges (e.g. 1-1000), and small (e.g. 1-3).
Step
Makes the handle jump between value intervals.
Show Pips
Displays the range values near the slider.
Is Vertical
Set to True to change the orientation to vertical.
Is Disabled
Doesn't allow the Range Slider to be clickable.
See more information on implementing this pattern in the
product documentation