Slider
Lab componentSlider
Slider
enables the selection of a single value within a range of values. The control is oriented horizontally, and the currently-selected value is displayed in a tooltip.
Examples
How to use
Accessibility
Allow cursor interaction of a handle by increasing the target area around the indicator to -size-base. This creates a more accessible click/touch area which meets WCAGs minimum Target Size (2.5.5) standard.
Key | Function |
---|---|
Tab |
|
Shift + Tab |
|
Up arrow / Right arrow |
|
Down arrow / Left arrow |
|
Home |
|
End |
|