Components

Buttons

Trigger actions and indicate status. Built with class-variance-authority for type-safe variants.

Variants

Hierarchy first: Primary is the filled high-emphasis action; Secondary is the outlined companion. Secondary green and coral are filled accent variants — same hierarchy as primary, different color for distinct actions.

Sizes

Four height tiers plus icon-only variants.

With icons

Disabled

Badges

Inline status indicators.

NewBetav0.1.0DeprecatedGhost

Button group

Joined buttons that share borders and focus styles.

Format

Toggle

A single two-state button.

Toggle group

Multi- or single-select pressed-state group.

Keyboard shortcut

Display key combinations inline with prose.

Open the command palette with ⌘K

Shift?Esc

Spinner

Loading indicator. Use inside buttons or alongside text.