Toggle

Two-state toggle button on radix-ui with 2 variants (default, outline), 3 sizes and 2 tones (neutral, brand). Pressed state uses the accent token (neutral) or brand-soft (brand).

A two-state button that can be either on or off.

A two-state button that can be toggled on or off.

Toggles joined the way the segmented tabs are.

A shell line. Sigil, field and caret share one row with no border between them.

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.