Wai-aria Packages

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

Button component is used to trigger an action or event, such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.

Hides content from the screen in an accessible way

Ratings let users see and/or set a star rating for a product or other item

A scrolling list presents a set of items, referred to as slides, by sequentially displaying a subset of one or more slides

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

A skeleton gives feedback about loading state of some component.

A progress tracker component is a visual navigation element typically used to display progress or guide user through a multi-step process.

Merges its props onto its immediate child

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

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

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

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

Component used when only one choice may be selected in a series of options

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

Provide context to your form elements

Accessible icon wrapper

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.

Icon button renders an icon within in a button

render a keyboard shortcut