Getting Started

Getting Started AI Agents Registry And Distribution Foundations Motion And Reduced Motion

Components

Actions

Button Toggle Toggle Group

Form Controls

Autocomplete Calendar Checkbox Checkbox Group Color Picker Combobox Date Picker Field Fieldset Form Input Input Group Label Number Field OTP Field Radio Group Select Selectable Card Slider Switch Textarea

Feedback

Alert Alert Dialog Empty Meter Progress Skeleton Spinner Toast

Overlays

Command Context Menu Dialog Drawer Dropdown Menu Menu Popover Preview Card Sheet Tooltip

Data Display

Avatar Badge Card Code / CodeBlock Data Table Kbd Resource List Table Timeline

Navigation

Accordion Breadcrumb Collapsible Pagination Stepper Tabs Toolbar

Layout

Frame Group Scroll Area Separator

Animated Controls

Animated Buttons Icon Morphs Theme Toggles

Patterns

Overview Validated Form Destructive Confirmation Settings Switch Rows Sortable Data Table Dashboard Shell Detail Drawer Filter Bar Sidebar Task Calendar

ComponentsActions

Actions

Commands, toggles and action controls.

ButtonButton is the standard control for visible actions, with built-in variants, sizes, loading behavior, and accessible disabled states.ToggleA two-state pressed button for actions such as bookmarks, mute and text formatting.Toggle GroupRelated toggle buttons with shared single-select or multi-select state.

Components

Accepted primitives, variants and component recipes.

Button

Button is the standard control for visible actions, with built-in variants, sizes, loading behavior, and accessible disabled states.