Components

The MVP set: accessible behavior from Base UI, borderless solid surfaces and a consistent prop-driven API.

Actions

2

Triggers an action or event. Supports variants, sizes, icons and a built-in loading state.

A compact icon-only button with an accessible label.

Forms

8

A binary or indeterminate selection control with label and description support.

Wires a label, description and error message to a control with the right ARIA relationships.

A borderless text field with a solid fill and a soft focus ring.

A small, accessible label for a form control.

A single-choice group with a consistent label, description and error treatment.

A borderless select trigger and a floating option list.

A pill toggle with a stretchy pill thumb and clear checked state.

A multi-line text field with the same borderless field treatment.

Overlays

4

A focused modal surface with title, description, footer and a backdrop.

A small floating surface anchored to a trigger.

A floating side or bottom panel with a rounded overlay surface.

A short contextual label shown on hover or focus.

Navigation

1

Segmented navigation with a sliding active pill.

Data Display

3

A compact status or count label in solid tonal colors.

A borderless solid surface with a top-lit curved edge.

A hairline divider for grouping content.

Feedback

3

A tonal feedback surface for information, success, warning or danger.

A small, token-colored loading indicator.

Theme-aware toast notifications powered by Sonner and kit tokens.