Components

Foundations

71 token-driven, accessible components, grouped into focused categories. Pick a category or jump straight to a component.

Actions & buttons

Triggers for the primary things a person can do.

Button IconButton ButtonGroup ActionBar ActionMenu ActionList

Forms & inputs

Collecting and validating input, from a single field to token entry.

Input Textarea Select Checkbox Radio Switch Slider ToggleGroup SegmentedControl FormControl CheckboxGroup RadioGroup Autocomplete TextInputWithTokens

Navigation

Moving between views, sections, and pages.

Tabs UnderlineNav NavList Breadcrumb Pagination Sidebar Link

Typography

Headings, body text, and inline text primitives.

Heading Text Truncate Kbd BranchName RelativeTime

Labels & badges

Compact status, counts, and metadata.

Badge CounterLabel StateLabel Tag CircleBadge LabelGroup

Media & content

Avatars, cards, timelines, and content containers.

Avatar AvatarStack Card Divider AspectRatio Accordion Details Timeline EmptyState

Feedback

Status, progress, and messages back to the user.

Alert Banner InlineMessage Toast Progress Spinner Skeleton

Overlays & menus

Layered surfaces: dialogs, popovers, menus, and command.

Modal Drawer Popover Tooltip DropdownMenu ContextMenu CommandPalette Overlay AnchoredOverlay ConfirmationDialog

Data & layout

Tables, trees, and page structure.

Table DataTable TreeView Stack PageHeader PageLayout