Aria Packages

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

A panel that slides out from the edge of the screen. It can be useful when you need users to complete a task or view some details without leaving the current page.

Renders an accessible label associated with controls

Provide context to your form elements

Displays a list of options for the user to pick from—triggered by a button. Differs from Select in that it offers multiple select and its list is not native.

Accessible icon wrapper

Component used to get user input in a text field

render a keyboard shortcut

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

An input that behaves similarly to a select, with the addition of a free text input to filter options.

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

A skeleton gives feedback about loading state of some component.

Stepper allows a user to enter a number, and increment or decrement the value using dedicated buttons.

An input where the user selects a value from within a given range.

Display brief, temporary notifications of actions, errors, or other events in an application.

Displays a list of options for the user to pick from—triggered by a button.

Spinners provide a visual cue that an action is processing awaiting a course of change or a result.

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

Merges its props onto its immediate child

The textarea component allows you to easily create multi-line text inputs