Slider · High Contrast
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 · High Contrast20 / 20
48 px minus and plus buttons flank a 14 px bordered rail with hatched fill, a 44 px grip thumb that turns yellow on focus, 20 px readout and 3 px focus rings.
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