All components

A vertically stacked set of interactive headings that reveal or hide associated content.

Displays a callout for user attention with contextual feedback messages.

A modal dialog that interrupts the user with important content and expects a response.

An image element with a fallback for representing the user.

Displays a badge or a component that looks like a badge.

Displays the path to the current resource using a hierarchy of links.

Buttons allow the user to take actions or make choices.

A date picker component with support for single date, date range, and multiple dates selection.

A container component for grouping related content and actions.

A slideshow component for cycling through elements with navigation controls and touch/drag support.

A control that allows the user to toggle between checked and unchecked states.

A modal dialog that opens in the center of the screen, used to display content that requires user attention.

A panel that slides in from the edge of the screen, with drag-to-dismiss support on the entire surface.

A menu that appears on click, with support for submenus, labels, separators and keyboard shortcuts.

A card that appears on hover over a trigger element, with configurable positioning.

A form input field for collecting user text data.

A one-time password input component for verification codes with support for grouping, separators, and pattern validation.

Pagination with page navigation, previous and next controls.

Displays an indicator showing the completion progress of a task.

A dropdown control that allows users to pick a value from a list of options.