A11y Packages

A skeleton gives feedback about loading state of some component.

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

Accessible icon wrapper

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

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

To help people enter information, make selections, filter content, or trigger actions.

Component used to get user input in a text field

render a keyboard shortcut

Renders an accessible label associated with controls

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

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 progress tracker component is a visual navigation element typically used to display progress or guide user through a multi-step process.

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

TextLink is an accessible element for navigation.

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

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 separator between two elements, usually consisting of a horizontal line.

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.