Primitives
Public catalog

Find the smallest contract that solves the behavior.

Browse components and utilities by purpose, or search directly when you already know the public subpath.

70 primitivesComplete public catalog

Actions + input

15

Button

Actions + input

Action primitive for native buttons, links, and custom button-like elements.

Clipboard

Actions + input

Headless text-copy behavior with coordinated value, native controls, truthful asynchronous status, and accessible authored feedback.

Field

Actions + input

Headless single-control field wiring for labels, descriptions, errors, and shared form-control state.

Fieldset

Actions + input

Native field group primitives for a shared legend, description, error, and disabled/required/invalid state.

File Upload

Actions + input

Headless native file-picker, dropzone, validation, selected-file collection, and removal primitives.

Form

Actions + input

Native form primitive with lightweight submit validation and observable submit state.

Input

Actions + input

Native single-line input primitive with controlled value state, Field wiring, and an optional clear control.

Label

Actions + input

Server-safe native label primitive with optional state metadata.

Number Input

Actions + input

Headless numeric text input with spinbutton semantics.

OTP Field

Actions + input

One-time password input coordination across multiple visible cells and one hidden form value.

Password Toggle Field

Actions + input

Password input with controlled visibility state and a keyboard-accessible show/hide toggle.

Pressable

Actions + input

Headless press interaction primitive for custom interactive surfaces.

Textarea

Actions + input

Native textarea behavior with controlled value state, Field integration, optional auto-resize, and a count display.

Toggle

Actions + input

Headless toggle button primitive for on/off command state.

Toggle Group

Actions + input

Headless group of toggle buttons with roving focus and single or multiple selection.

Selection

10

Checkbox

Selection

Checkbox state with indeterminate support and optional native form participation.

Checkbox Group

Selection

Headless primitives for managing a named set of independent checkbox choices.

Combobox

Selection

Headless editable combobox primitives for filtering suggestions and selecting a value from a listbox.

Listbox

Selection

Headless listbox primitives for choosing one or more options from a visible option list.

Multi Select

Selection

Headless compact multi-value selection primitives.

Radio Group

Selection

Headless single-selection radio group with roving focus.

Rating

Selection

Headless slider-like rating input with fractional values and decorative item parts.

Select

Selection

Single-value select with a combobox trigger, popup listbox, option collection, scroll controls, portal, and a visually hidden native form control.

Slider

Selection

Headless slider primitives for single-value and range inputs.

Switch

Selection

Headless on/off switch with optional native form participation.

Navigation

14

App Bar

Navigation

Semantic application header structure for top-level app content and controls.

Bottom Navigation

Navigation

Navigation landmark with active-destination state for a small set of primary application destinations.

Breadcrumb

Navigation

Navigation landmark that shows the current page's place in a hierarchy.

Context Menu

Navigation

Headless menu primitives that open at a pointer location or from the keyboard to present actions for a specific area.

Dropdown Menu

Navigation

Headless button-triggered menu primitives for actions and compact choices.

Link

Navigation

Headless native navigation primitive for anchors and router link adapters.

Menu

Navigation

Headless menu primitives for command menus, selection menus, groups, separators, and nested submenus.

Menubar

Navigation

Headless horizontal or vertical menubar primitives for application-style menu systems.

Nav List

Navigation

Headless navigation list primitives for sidebars, page navigation, and grouped route lists.

Navigation Menu

Navigation

Headless navigation disclosure primitives with trigger-driven panels, indicator geometry, and a shared viewport.

Pagination

Navigation

Headless pagination primitives with stable page range calculation.

Sidebar

Navigation

Headless app-sidebar primitives for expanded, rail, and offcanvas layout states.

Tabs

Navigation

Headless tab primitives for switching between related panels.

Toolbar

Navigation

Headless ARIA toolbar primitives for grouped controls with roving keyboard navigation.

Overlays

8

Alert Dialog

Overlays

Modal alert dialog behavior for urgent confirmations and decisions that require an answer before the user can continue.

Dialog

Overlays

Headless modal dialog primitives with focus containment, dismissal, accessible naming, and compound state management.

Drawer

Overlays

Headless modal side-sheet primitives with drawer-specific parts and placement metadata.

Hover Card

Overlays

Headless hover-and-focus preview primitives with delayed disclosure and floating positioning.

Modal

Overlays

Shared foundation for modal dialog behavior, focus management, portals, titles, descriptions, and close controls.

Popover

Overlays

Positioned disclosure content with optional anchor, modal behavior, focus guards, arrow geometry, and close controls.

Toast

Overlays

Toast provider, store, live announcements, viewport, and dismissible toast parts.

Tooltip

Overlays

Supplemental text disclosure for hover, focus, and long-press interactions.

Collections + data

8

Data Grid

Collections + data

Headless ARIA grid primitives for two-dimensional cell navigation and optional row selection.

Feed

Collections + data

Headless WAI-ARIA feed primitives for focusable article streams whose content may load or change while users read.

List

Collections + data

Server-safe native primitives for ordered and unordered static lists.

Scroll Area

Collections + data

Headless structure for scrollable content.

Swipeable Item

Collections + data

Headless swipe actions for list-like items.

Table

Collections + data

Headless native table anatomy with caption, sections, rows, cells, and sortable header metadata.

Tree

Collections + data

Headless hierarchical tree primitives for expandable one-dimensional navigation and selection.

Tree Grid

Collections + data

Headless hierarchical grid primitives combining tree expansion with grid cell navigation.

Structure + feedback

9

Accordion

Structure + feedback

Disclosure sections with linked triggers, panels, and keyboard navigation.

Aspect Ratio

Structure + feedback

Structural wrapper that keeps its content at a stable width-to-height ratio.

Avatar

Structure + feedback

Image, loading fallback, and grouping primitives for representing a person or other named entity.

Badge

Structure + feedback

Small semantic wrapper for contextual labels, counts, and status text.

Collapsible

Structure + feedback

Headless disclosure primitives for showing and hiding one section of content.

Divider

Structure + feedback

Headless primitive for separating nearby content visually or semantically.

Image

Structure + feedback

Headless source-loading and fallback primitives for ordinary images. Image owns source status, safe transitions, conditional content/fallback rendering, native image props, and composition. It owns no styling, optimizer, retry, or artwork.

Progress

Structure + feedback

Determinate and indeterminate progressbar primitive.

Skip Link

Structure + feedback

Skip navigation link and focus target primitives.

Utilities

6

Collection

Utilities

Headless utilities for registering elements by value and navigating them in document order.

Direction

Utilities

Headless direction context for mirroring Atom behavior in left-to-right and right-to-left interfaces.

Hooks

Utilities

Atom exports small hooks for controlled state, disclosure, presence, dismissal, focus, scrolling, and shared interaction behavior.

Portal

Utilities

Utility for rendering children into another DOM container.

Virtualizer

Utilities

Headless virtual collection measurement helpers for rendering only the visible part of large lists.

Visually Hidden

Utilities

Accessible content that is hidden from visual rendering.