Component library

A pressable element with variants, colors, sizes, loading state, and ripple feedback.

Merges adjacent Buttons into a single control, sharing variant/color/size defaults.

Contextual feedback message with icon, title, description, and dismiss.

Provider-based toast notification system with a promise-aware API.

Loading spinner for indeterminate progress, with 7 built-in variants.

Dialog modal with focus trapping, keyboard dismissal, and safe stacking.

Tabbed content navigation with a composable, roving-tabindex API.

Slide-in panel from any edge of the viewport, built on the same overlay stack as Modal.

Menu dropdown with triggers, sections, submenus, and opt-in virtualization.

Multi-step form flow with progress tracking, built on FormFieldSet.

Multi-level navigation tree with collapsible groups, active-route styling, an accordion mode, and a collapsed icon rail.

Navigation trail with a chevron separator, collapse-to-ellipsis, and router-link polymorphism.

Windowed page-number control for a list or table footer, with a "Showing X–Y of Z" summary.

Compact inline switch between a few mutually exclusive options, with an animated selection thumb.

The Cmd+K overlay: a search box over a fuzzy-filtered, grouped list of actions and destinations, with full keyboard navigation and a useCommandPalette hotkey hook.

Notification badge with count, dot, and placement, plus a bump animation on change.

User avatar with group support, status indicator, and image-load fallback.

Compact tag or pill element, closable and selectable.

Hover/focus tooltip with positioning logic and touch-aware delays.

Config-driven data table with sorting, row selection, row expansion, a sticky header, and loading and empty states.

Centered placeholder for an empty or no-match list, with an icon, title, description, and actions.

Linear and circular progress indicators, determinate or indeterminate, with an optional value label.

Collapsible sections with single-open or multiple modes, three visual variants, and animated open/close.

Chart type="line" -- ChartLineOptions: curve style and stroke width.

Chart type="area" -- a line chart with the area under it filled automatically.

Chart type="bar" -- ChartBarOptions: stacked series and corner radius.

Chart type="column" -- ChartColumnOptions: stacked series and corner radius.

Chart type="pie" -- ChartPieStyleOptions: slice border. Single series, one value per slice.

Chart type="donut" -- ChartPieStyleOptions: slice border and inner ratio.

Chart type="heatmap" -- ChartHeatmapOptions: series as rows, categories as columns, one hue scaled by opacity across the value domain.

isLoading/error/empty -- real, separate props that each replace the chart entirely, shared across every chart type.

Horizontal or vertical rule, with an optional inline label.

Overlay backdrop for modals, drawers, and menus, with blur and stacking support.

Semantic page/section heading with an optional icon, subtitle, and tooltip.

Bordered, rounded, elevated surface container, with header, body, and footer regions.

KPI block with a label, value, trend delta pill, optional icon and sparkline, plus a responsive StatGroup.

Vertical activity feed with dot or icon markers on a connector rail.

Standalone month-grid view with single or range selection, min/max and per-day constraints, a renderDay slot for event markers, and full grid keyboard navigation.

Resizable multi-pane frame for email 3-pane, master-detail, and split editors, with keyboard-resizable dividers and collapsible panes.

Chat message-thread primitives: a screen-reader-live MessageList and left/right-aligned Message bubbles with author, avatar, timestamp, delivery status, and continuation grouping.

Data-driven Kanban board with dependency-free pointer, touch, and keyboard drag-and-drop, column card limits, and live-region announcements.

Loading placeholder, as a shaped block or a wrapper that reveals its content once loaded.

FormFieldSet type="text" -- TextField, also covers number/url/search/color/email.

FormFieldSet type="textarea" -- multi-line text with a length counter.

FormFieldSet type="select" -- single/multi select with a custom popover or native mode.

FormFieldSet type="password" -- reveal toggle and strong-password requirements.

FormFieldSet type="otp" -- segmented or single-input one-time code entry.

FormFieldSet type="phone" -- phone number with a country calling-code selector.

FormFieldSet type="range" -- single or dual-thumb slider.

FormFieldSet type="file" -- inline or dropzone file upload with previews.

FormFieldSet type="switch" -- toggle with optional on/off state text.

FormFieldSet type="radio" -- single-select radio group.

FormFieldSet type="checkbox" -- multi-select checkbox group.

FormFieldSet type="datepicker" -- single date or range, with time and presets.

Block-based rich text editor (Notion-style) with 14 block types, slash-menu insertion, and drag-and-drop reordering.