Components

Button

Trigger an action with clear intent.

Toggle

Keep a single action pressed or unpressed.

Toggle Group

Choose one compact view or mode.

Menu

Present contextual actions in a popup.

Navigation Menu

Organize richer destination menus.

Breadcrumb

Show location within a hierarchy.

Pagination

Move through paged content.

Sidebar

Structure persistent application navigation.

Tabs

Switch between related panels.

Form

Coordinate validation and submission.

Field

Compose labels, controls, and messages.

Input

Collect a single line of text.

Textarea

Collect longer freeform text.

Label

Name a form control.

Checkbox

Select independent options.

Radio

Choose one option from a set.

Select

Choose from a compact option list.

Combobox

Search and select from many options.

Slider

Choose a value from a continuous range.

Switch

Turn a setting on or off.

Calendar

Select dates in a calendar grid.

Modal

Focus attention on a blocking task.

Sheet

Reveal supporting content from an edge.

Popover

Show interactive content near a trigger.

Tooltip

Clarify a compact or unfamiliar control.

Toast

Report temporary application feedback.

Progress

Show measurable work.

Spinner

Show short indeterminate work.

Skeleton

Reserve the shape of loading content.

Empty State

Explain an empty result and next action.

Accordion

Reveal sections progressively.

Card

Contain one discrete content object.

Section

Group related controls or settings.

Table

Display structured row and column data.

Scroller

Provide controlled overflow behavior.

Separator

Divide related content.

Avatar

Represent a person or entity.

Badge

Display compact status or metadata.

Time Ago

Express a date relative to now.

Theme Toggle

Switch between light and dark themes.

Command

Build keyboard-first command lists.