Components

Beautifully designed, accessible components built on headless primitives. Copy the code, customize to your needs.

Clickable actions with 6 variants and 5 sizes.

FormsInteractive

Single-line text input with validation states.

Multi-line text input with resize control.

Tri-state checkbox with indeterminate support.

Mutually exclusive selection within a group.

Binary toggle between on and off.

Dropdown selection with keyboard navigation.

EmailRequired field

Form container with validation and error display.

This action cannot be undone.

Modal dialog with focus trap and backdrop.

Contextual info on hover or focus.

Temporary notification with auto-dismiss.

Anchored floating content panel.

Tab content here

Tabbed interface with arrow key navigation.

Content here...

Collapsible content sections.

Dropdown with keyboard and type-ahead.

DefaultSecondaryOutlineDestructive

Status label with 4 variants.

A brief description of the card content and purpose.

Container with header, body, and footer.

Loading placeholder animation.

Animated loading indicator.

Progress bar, determinate and indeterminate.

Flex container with direction and spacing.

Visual separator between content sections.

Heading levels h1-h6 with size mapping.

The quick brown fox jumps over the lazy dog.

Text with configurable size, weight, and color.

Documentation →

Link

Styled link with external support.

Typography

Your session will expire in 5 minutes.

Contextual feedback message.

Semantic or decorative divider.

Screen reader only

Screen-reader-only content.