Slider · Apple
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 · Apple2 / 20
iOS volume-style slider: 6 px grey rail, white 28 px thumb with soft shadow that swells when held, dark rounded tooltip with a tail, grey value at the right of the row.
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