Library
Layout
Card
Surface container with optional padding, border, and shadow variants.
Center
Centers its child both horizontally and vertically.
Collapsible
Expandable region with animated height transition.
Grid
Responsive grid container with auto-fit columns and gap control.
Section
Semantic page section with optional heading and divider.
Stack
Vertical and horizontal stack layouts with configurable gap and alignment.Forms
CheckboxInput
Checkbox with label, indeterminate state, and group support.
RadioList
Group of radio buttons with accessible fieldset wrapper.
Selector
Dropdown or inline option selector with single and multi-select modes.
Switch
Toggle switch for binary on/off settings.
TextArea
Multi-line text field with auto-resize and character count.
TextInput
Single-line text field with label, placeholder, and validation states.Navigation
Breadcrumbs
Path trail navigation with separator and truncation support.
MobileNav
Bottom tab bar for mobile viewports with icon and label slots.
Pagination
Page navigation with prev/next controls and page count display.
SideNav
Vertical sidebar navigation with collapsible groups and active states.
TabList
Horizontal tab navigation with underline indicator and keyboard support.
TopNav
Application top bar with logo, nav links, and action slots.Feedback
Badge
Compact label for status, count, or category with semantic color variants.
Banner
Full-width alert bar for info, success, warning, and error messages.
ProgressBar
Horizontal bar indicating task completion percentage.
Spinner
Animated loading indicator with size and color variants.
StatusDot
Small dot indicator for presence, health, or pipeline status.
Tooltip
Contextual label that appears on hover with configurable placement.Data
Avatar
User profile image with fallback initials and status dot support.
HoverCard
Rich popover that appears on hover with arbitrary content.
PowerSearch
Command-palette style search with grouped results and keyboard nav.
Skeleton
Placeholder shimmer for loading states matching content shapes.
Table
Feature-rich data table with sorting, selection, and column resizing.