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.
See more information on implementing this pattern in the
product documentation