Slider

Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range and thumb, and 3 sizes (sm, md, lg) for the track and thumb. Supports single and multi-thumb, horizontal and vertical.

An input where the user selects a value from within a given range.

A draggable control for selecting a numeric value within a range.

An input where the user selects a value from within a given range.

Sections that open one at a time or many. The marker is a plus that rotates into a minus.

A pink confirmation dialog for destructive or irreversible actions.

Text resolving out of glyph soup, left to right. On mount, on hover, or when it scrolls into view.

Initials in mono inside a bordered square.

A hairline track and a square thumb, in place of the operating system's own.

A self test that prints itself line by line, at its final height from the first frame.

One pixel of the border color, horizontal or vertical.

Seven variants and five sizes in uppercase mono. `primary` is filled phosphor; `signal` marks urgent states.