Range slider · Material

A two-thumb slider for a minimum and a maximum. The thumbs follow the pointer, and the readout stays on the same line as the label.

Design · Material1 / 20

Thin tonal rail, round white thumb, accent fill between the thumbs.

Motion

Each thumb follows the pointer with no lag. Keyboard steps move immediately.

Accent

A two-thumb slider for a minimum and a maximum. The thumbs follow the pointer, and the readout stays on the same line as the label.

Category
Selection
Designs
20
Motions
Track, Settle, Press
Released
2026-10-23
rangesliderfilterminmax

All 20 designs

tap to preview above

Related components

More selection →

Checkbox

Selection · Apple

Switch

Selection · Editorial

Slider

Selection · Clay