Components

Triggers actions or navigation. Supports five visual variants, three sizes, loading and disabled states.

A text field for capturing user input. Supports labels, hints, error states, and multiple input types.

A custom dropdown for choosing from a list of options. Supports keyboard navigation and accessible labeling.

A switch control for boolean settings that take immediate effect — no confirmation required.

A compact status indicator for labeling, classifying, or highlighting elements.

A surface container for grouping related content, data, or actions into a cohesive unit.

Represents a user or entity. Displays a photo, or gracefully falls back to initials.

A loading placeholder with a shimmer animation that mimics the shape of the content it replaces.

Displays a contextual status message. Use for important feedback that requires user attention.

A non-interactive floating label that appears on hover or focus to provide supplementary context.

A dialog overlay that focuses user attention on a task or confirmation. Use sparingly.

A transient notification that appears at the edge of the screen and auto-dismisses.

An animated loading indicator communicating that a process is in progress.

A navigation pattern for switching between related sections of content within the same page context.

Vertically stacked sections that expand to reveal content, reducing visual noise.

Navigates through paged data sets. Automatically generates ellipsis for large page counts.