Components

Perform an action.

Toggle a state between two values.

Group multiple toggle buttons, with single or multiple selection.

Display a list of selectable options.

Display a list of actions or options in a popover.

Display tabular data in a grid with selection and sorting.

Display a group of tags that can be selected and removed.

Adjust two color channels with a two-dimensional area.

Edit a hex color or individual color channel.

Combine a color swatch with a popover for editing the color.

Adjust an individual color channel with a slider.

Display a preview of a color.

Display a list of selectable color swatches.

Display an image or icon representing a user or entity.

Display key-value pairs in a list.

Display keyboard input or hotkey.

Group related controls with keyboard navigation.

Group content in a visually distinct container.

Enter a date by typing.

Drop files or other content onto a target.

Mark one or multiple options as selected.

Utility components for other form fields. Not intended to be used directly.

Group form fields together, manage their state, and handle submission.

Enter a number, and increment or decrement it with buttons.

Mark one option as selected.

Enter and clear a search query.

Select one or more values within a range.

Toggle between two states.

Enter a multi-line text value.

Enter a plain text value.

Display a hierarchy of links to the current page.

Collapsible section of content.

Group multiple disclosures into an accordion.

Navigate to a different page or section.

Navigate between different sections of content.

Modal overlay displayed above other content.

Relatively positioned overlay.

Display a description for an element on hover or focus.

Combine a search field with a filterable list of options.

Filter a list of options by typing in a text field.

Pick an option from a list.

Indicate status or category.

Display a numeric value within a known range.

Display determinate or indeterminate progress over time.

Display determinate or indeterminate progress over time.