A11Y Packages

Renders an accessible label associated with controls

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

Accessible icon wrapper

Hides content from the screen in an accessible way

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

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.

TextLink is an accessible element for navigation.

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

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

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

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

An accordion is a vertically stacked set of interactive headings containing a title, content snippet, or thumbnail representing a section of content.

A modal dialog that interrupts the user with important content and expects a response.

Badge component is a visual indicator for numeric values such as tallies and scores.

navigation pattern that helps users understand the hierarchy of a website

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.

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

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

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

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