Range slider

RangeSlider enables the selection of an interval within a range of values. It offers inline label positioning and marks displayed under the track.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

Using the component

When selecting a range of numeric values or relative scale.
When the exact value does not matter (depending on the size of the predefined range), but an approximate interval is good enough.

When it’s important to select an exact numeric value that falls within a significantly large range, for example, 1-1000. Instead, use Input.
When displaying progress through a series of separate steps, such as a wizard or multistep form. Use SteppedTracker instead.

To import RangeSlider from the core Salt package, use:

Name	Type	Description	Default

When selecting a range of numeric values or relative scale.
When the exact value does not matter (depending on the size of the predefined range), but an approximate interval is good enough.

When it’s important to select an exact numeric value that falls within a significantly large range, for example, 1-1000. Instead, use Input.
When displaying progress through a series of separate steps, such as a wizard or multistep form. Use SteppedTracker instead.

To import RangeSlider from the core Salt package, use:

Name	Type	Description	Default

When selecting a range of numeric values or relative scale.
When the exact value does not matter (depending on the size of the predefined range), but an approximate interval is good enough.

When it’s important to select an exact numeric value that falls within a significantly large range, for example, 1-1000. Instead, use Input.
When displaying progress through a series of separate steps, such as a wizard or multistep form. Use SteppedTracker instead.

To import RangeSlider from the core Salt package, use:

Name	Type	Description	Default