Range slider · High Contrast
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 · High Contrast20 / 20
48px lane, 3px rail, yellow grip 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.
rangesliderfilterminmax