A11y Packages

An interactive component which expands/collapses a panel.

Animatable and accessible modals built with react-spring

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

Hides content from the screen in an accessible way

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

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

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

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.

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

TextLink is an accessible element for navigation.

Merges its props onto its immediate child

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

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

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

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.

spark-ui icons

Component used to get user input in a text field