Documentation

A customizable button component with various styles and sizes.

A flexible card component for grouping related content.

Displays a user profile picture or initials.

A flexible and accessible input field.

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

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

A custom select component for selecting a value from a list of options.

A control that allows the user to select a value or a range of values along a track.

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

A date picker component for selecting single or multiple dates, or a date range.

Displays a callout for important information.

Displays an indicator showing the completion progress of a task.

A brief, temporary message that appears on the screen.

A flexible and accessible carousel component for cycling through elements.

A vertically stacked list of interactive headings that can be toggled to show and hide content.

Visually or semantically separates content.

A modal dialog that interrupts the user's workflow to ask a question or make a decision.

A pop-up that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

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

For sighted users to preview content available behind a link.

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Displays a menu to the user—such as a list of actions or functions—triggered by a button.

Small count and labeling component.