Accessible Packages

spark-ui icons

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.

Displays a list of options for the user to pick from—triggered by a button. Differs from Select in that it offers multiple select and its list is not native.

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

Provide context to your form elements

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.

navigation pattern that helps users understand the hierarchy of a website

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

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

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 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.

Hides content from the screen in an accessible way

Create accessible gallery from a given images

A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices

Beautiful and accessible drag and drop for lists with React