Menu
Gallery
Rendered component fixtures covering the headless primitive contracts and the styled UI package.
Accordion
Vertically stacked headers that each expand to reveal a panel, with single- or multi-open behavior.
Read →Alert
A statically rendered status banner that surfaces an important inline message.
Read →Alert Dialog
A modal dialog that interrupts the user to confirm or cancel a consequential action.
Read →Autocomplete
A text input that suggests matching options as you type while keeping native typing intact.
Read →Avatar
A user image with an automatic fallback to initials or a placeholder when it fails to load.
Read →Badge
A small inline count or status label attached to another element.
Read →Breadcrumb
An ordered trail of links showing the current page's position in the hierarchy.
Read →Button
The base interactive control, with variant, size, and disabled/loading states.
Read →Card
A surface container that groups related content with optional header, body, and footer.
Read →Checkbox
A single toggle for an on/off (or indeterminate) boolean value.
Read →Checkbox Group
A set of related checkboxes managed as one multi-select value.
Read →Collapsible
A single trigger that shows or hides one associated region.
Read →Combobox
An input paired with a filterable listbox for selecting one option from many.
Read →Command
A searchable command palette that filters actions and runs the selected one.
Read →Context Menu
A right-click menu of actions anchored to the element it targets.
Read →Dialog
A focus-trapped modal overlay for content or forms, dismissible by escape or backdrop.
Read →Disclosure
A button that toggles the visibility of a single block of supplementary content.
Read →Drawer
A panel that slides in from a screen edge, often for navigation or filters.
Read →Dropdown Menu
A button-triggered menu of actions with keyboard navigation.
Read →Field
A labeled form-control wrapper that wires up label, description, and error messaging.
Read →Hover Card
A rich preview card that opens on hover or focus of its trigger.
Read →Kbd
Inline styling for a keyboard key or shortcut chord.
Read →Menubar
A horizontal bar of menus, like a desktop application's menu strip.
Read →Meter
A static gauge showing a scalar value within a known range.
Read →Navigation Menu
A site navigation bar with expandable submenus.
Read →Number Field
A numeric input with stepper buttons and min/max/step constraints.
Read →OTP Field
A segmented input for entering a one-time passcode digit by digit.
Read →Popover
A non-modal floating panel anchored to a trigger.
Read →Progress
A bar that communicates the completion percentage of a task.
Read →Radio Group
A set of mutually exclusive options where exactly one is selected.
Read →Scroll Area
A custom-styled scroll container with consistent cross-browser scrollbars.
Read →Select
A trigger that opens a listbox to choose one option, with a native fallback.
Read →Separator
A semantic or decorative divider between groups of content.
Read →Sheet
A large panel that slides over the page from an edge for secondary tasks.
Read →Skeleton
A placeholder shape that stands in for content while it loads.
Read →Slider
A draggable thumb that selects a value or range along a track.
Read →Switch
A toggle styled as an on/off switch for an immediate boolean setting.
Read →Table
A semantic data table with header, body, and styled rows.
Read →Tabs
A set of tabbed panels where one panel is visible at a time.
Read →Toast
A transient, non-blocking notification that auto-dismisses.
Read →Toggle
A two-state button that stays pressed or unpressed.
Read →Toggle Group
A set of toggle buttons acting as a single- or multi-select control.
Read →Toolbar
A container grouping buttons and controls with roving-tabindex navigation.
Read →Tooltip
A small label that appears on hover or focus to describe its trigger.
Read →