Primitives

Unstyled, composable building blocks on top of implement. They own the behavior and the accessibility; you own the look. Read the docs

Accordion

Expand and collapse sections of content, one at a time or several at once.

Alert Dialog

A modal that demands a response before anything else can happen.

Aspect Ratio

Constrain content to a width and height ratio.

Avatar

Show a user image with an automatic fallback while it loads or when it fails.

Calendar

Pick a date from a month grid.

Checkbox

A control that toggles between checked, unchecked, and indeterminate.

Collapsible

Expand and collapse a region of content.

Command

A filterable command menu that scores, sorts, and navigates items from a search input.

Context Menu

A menu opened by right-clicking an area.

Dialog

A modal window that interrupts the page until the user dismisses it.

Dropdown Menu

A menu of actions opened from a button.

Link Preview

Show a preview of what a link points at when the pointer rests on it.

Menubar

A horizontal bar of menus, like an application menu.

Meter

Display a measurement within a known range.

Popover

Display rich content in a panel, triggered by a button.

Progress

Show how far a task has advanced toward completion.

Radio Group

Choose exactly one option from a set.

Range Calendar

Pick a span of days from a month grid.

Rating Group

Pick a rating from a range of values.

Select

Choose one value, or several, from a list of options.

Separator

Visually or semantically divide content, horizontally or vertically.

Switch

A control that toggles between on and off.

Tabs

A set of panels where one shows at a time.

Toast

Briefly announce the result of an action in a stack of self-dismissing messages.

Toggle Group

A set of two-state buttons that toggle together.

Toggle

A two-state button that can be on or off.

Tooltip

A short label that appears when the pointer rests on a control or it takes keyboard focus.

createComponent

Wrap a component initializer so props are optional and children can come first.