A11Y Packages

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

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

A separator between two elements, usually consisting of a horizontal line.

Semantic component used to wrap elements (cards, blog posts, articles, etc.) in a link.

Displays rich content in a portal, triggered by a button.

interface that allows navigating between pages that contain split information, instead of being shown on a single page

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

Component used to get user input in a text field

render a keyboard shortcut

Renders an accessible label associated with controls

Renders a React subtree in a different part of the DOM.

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

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.

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.

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.

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

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

TextLink is an accessible element for navigation.