Sliders
A slider allows users to adjust a value within a defined range.
Sliders
Coming soon
New
96
components
,
2
variants
,
styles
Sliders
Base Components
Overview
A slider is an interactive component that allows users to select a value or range by dragging a handle along a track.
When should you use them?
Use sliders for input fields where users need to adjust values within a specific range, such as volume control, price filters, or rating scales.
How should you use them?
- Clearly label the slider and its value range.
- Provide real-time feedback as the user adjusts the slider.
- Ensure the slider handle is easily draggable.
- Make the slider accessible, with keyboard navigation and screen reader support.
- Use distinct visual cues to indicate the current value or range.
No previous post
No next post