A11y Packages

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

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

A singleton element that simplifies announcing text to screen readers.

A behavior that enables keybindings for greater a11y.

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.

Evaluate if a to colors have sufficient contrast to pass WCAG requirements.

MUI Base is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

Unstyled React components with which to implement custom design systems.

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.

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

TextLink is an accessible element for navigation.

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.

Hides content from the screen in an accessible way

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

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

A skeleton gives feedback about loading state of some component.

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