Components

Image with graceful fallback.

Compact status and count labels.

Surface container for grouped content.

Semantic, sized display titles.

Body copy with size and tone.

Loading placeholder for content.

Primary action. Variants, tones and sizes.

Single-line text field with states.

Boolean choice, accessible by default.

Single choice from a set.

On/off toggle control.

Listbox for picking one option.

Filterable autocomplete select.

Pick a value along a range.

Multi-line text field.

Accessible form label.

Two-state toggle button.

Grouped toggle buttons.

Date grid for selection.

Segmented date input.

Calendar-based date selection.

Date range grid.

Segmented date range input.

Calendar-based range selection.

Segmented time input.

Segmented time range input.

One-time-code / PIN entry.

Star rating input.

Inline status and messaging.

Indeterminate loading indicator.

Transient notifications, triggered imperatively.

Determinate progress bar.

Bounded scalar measurement.

Switch between related panels.

Collapsible disclosure sections.

Composable app-shell navigation.

Hierarchical page trail.

Top-level nav with menus.

Desktop-style menu bar.

Single expand/collapse region.

Grouped controls container.

Modal with focus trap and overlay.

Contextual action menu.

Floating content anchored to a trigger.

Hover/focus hint text.

Confirmation modal.

Command palette / fuzzy search menu.

Side drawer panel.

Right-click action menu.

Hover card preview.

Styled data table with sortable headers.

Page-by-page navigation.

Vertical spacing primitive.

Flexbox layout primitive.

Visual or semantic divider.

Styled custom scroll container.

Constrain content ratio.

Copyable code block.