Slider

Slider enables the selection of a single value 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 single value, 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 value is good enough.
When changes are applied for immediate feedback, e.g., changing the volume on an audio or video player.

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 Stepper instead.

To import Slider from the core Salt package, use:

Name	Type	Description	Default

When selecting a single value, 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 value is good enough.
When changes are applied for immediate feedback, e.g., changing the volume on an audio or video player.

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 Stepper instead.

To import Slider from the core Salt package, use:

Name	Type	Description	Default

When selecting a single value, 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 value is good enough.
When changes are applied for immediate feedback, e.g., changing the volume on an audio or video player.

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 Stepper instead.

To import Slider from the core Salt package, use:

Name	Type	Description	Default