Slider · Material
A single-value slider with a draggable thumb, tick marks with labels, a value tooltip and full keyboard control (arrows, Page Up/Down, Home, End).
Design · Material1 / 20
M3 slider: 4 px tonal track with dot ticks, 20 px thumb inside a hover/focus state layer and a pill value indicator, in a 28 px rounded card.
Motion
The thumb and fill glide to each new value on a spring with a small overshoot; dragging follows the pointer directly.
Accent
A single-value slider with a draggable thumb, tick marks with labels, a value tooltip and full keyboard control (arrows, Page Up/Down, Home, End).
sliderrangeinputformsettingsbudgetvolume