Slider
Sliders are input fields that allow users to select a numeric value within a given range (minimum and maximum values).
Anatomy
Options
Label
Sliders should always have a label. In rare cases where context is sufficient and an accessibility expert has reviewed the design, the label could be undefined. Labels should be placed above the slider to ensure that they are visible when a finger is used to interact with the slider (on mobile devices).
Progression scale
Sliders use a linear progression scale by default which means that value is directly correlated to the position of the handle along the track.
Width
The width of a slider can be customized appropriately for its context.
Fill
The track of the slider can have a fill. By default, the fill originates from the left side of the track.
Behaviors
Examples coming soon
Usage guidelines
Examples coming soon