Components

A native button with three visual weights. Forwards its ref and spreads every standard button attribute, so it drops into forms, dialogs, and toolbars without a wrapper.

A styled text input with a built-in invalid state.

A multi-line text field matching Input's styling and invalid-state contract.

A native <select> with a themed chevron affordance layered on top — no custom listbox to keep in sync with platform behavior.

A checkbox built on a visually-hidden native input, so it keeps full native form semantics while the visible box is styled from tokens.

A radio input using the same hidden-input pattern as Checkbox. Group multiple with a shared name.

A toggle switch — a native checkbox with role="switch" under the hood, so assistive tech announces it correctly while behaving like any controlled checkbox.

A form label with an optional required marker, meant to pair with Input, Select, Textarea, Checkbox, Radio, or Switch.

A text input for numeric values with increment/decrement stepper buttons, min/max/step clamping, and full keyboard support.

A draggable, keyboard-navigable slider. Pass a two-element tuple as the value to get a range slider with two thumbs instead of one.

A typeahead search-and-select input built on Floating UI, supporting single selection or multi-select with removable chips.

A surface container with a configurable elevation, used to group related content.

A flexbox layout primitive for spacing children consistently — the workhorse for arranging every other component.

A visual separator for horizontal or vertical layouts.

A hover/focus-triggered label for a single trigger element, positioned with Floating UI and rendered through a portal so it never clips inside scroll containers.

A click-triggered panel anchored to a trigger element — for richer content than a Tooltip supports.

A focus-trapped, scroll-locking dialog. Fully controlled — there's no uncontrolled mode, so visibility always lives in your state.

A click-triggered action menu with full arrow-key navigation, built as a compound component around a trigger element.

A trail of ancestor links with an automatic current-page state on the final item.

A fully controlled page picker with sibling-based ellipsis collapsing for large page counts.

A compound tabs component with full roving-tabindex keyboard navigation. Inactive panels unmount, unlike Accordion.

A compound expand/collapse group supporting single or multiple open sections. Panels stay mounted and are hidden with CSS, so transitions are simple to add.

A small status or count indicator.

A user avatar that falls back to initials on missing or broken image URLs, with an optional presence dot.

A determinate or indeterminate progress bar.

A loading indicator with a screen-reader announced label.

An inline, non-dismissing-by-default banner for page-level or form-level messages.

A provider-driven notification system — wrap your app once, then call the useToast() hook from anywhere.

A virtualized, sortable, filterable, resizable data table — the most involved component in the library, and the one built for real production datasets rather than demo lists.

A virtualized, keyboard-navigable tree with optional cascading checkbox selection and lazy-loaded children — the hierarchical counterpart to DataGrid, reusing its exact scrollTop virtualization math against a flattened, expansion-aware node list.

A single date grid with full keyboard navigation and locale-aware formatting — the primitive underneath DatePicker and DateRangePicker.

A text input plus calendar popover for a single date, with locale-aware typed-input parsing.

Two linked date inputs plus a shaded range Calendar — for booking windows, report ranges, and similar.