Explore different variants and configurations of the component.
33 components, each with a dedicated page showing every variant and state, plus the command to install it.
Accordion
Vertically stacked, collapsible sections for progressive disclosure.
Alert
Inline callouts for status, warnings, and errors.
Alert Dialog
Modal confirmation that interrupts and requires a decision.
Async Fields
Form inputs that load their options from an API.
Badge
Compact labels for status, counts, and categories.
Breadcrumb
Hierarchical trail showing where the user is.
Button
Every variant, size, and state, including loading and icon-only.
Card
Surface container with header, content, and footer slots.
Carousel
Swipeable slides with autoplay and fade options.
Checkbox
Single and grouped checkboxes with indeterminate state.
Collapsible
Show and hide a region with animated height.
Combobox
Searchable select with filtering and multi-select.
Command
Command palette with keyboard-driven search and groups.
Composite Input
Inputs combined with prefixes, suffixes, and addons.
Dialog
Accessible modal with focus trapping and scroll lock.
Dropdown
Menus with items, sub-menus, checkboxes, and radio groups.
Form
Field, label, description, and error primitives for any stack.
Infinite Fields
Paginated fields that fetch more options as you scroll.
Input
Text, number, password, and file inputs with states.
Menubar
Desktop-style horizontal menu bar with nested menus.
Navigation Menu
Site navigation with rich dropdown panels.
Popover
Floating panel anchored to a trigger.
Progress
Linear and circular progress, determinate or not.
Radio Group
Mutually exclusive options as classic radios or cards.
Scroll Area
Styled, cross-browser consistent scroll containers.
Select
Native-feeling select with groups and custom items.
Separator
Horizontal and vertical dividers, with optional labels.
Sheet
Drawer that slides in from any edge.
Slider
Single value and range sliders with steps and marks.
Switch
Instant on/off toggle for settings.
Tabs
Tabbed panels with underline, pill, and boxed styles.
Toggle
Two-state buttons and toggle groups for toolbars.
Tooltip
Hover and focus hints with arrows and placement control.