Aria Packages

An interactive component which expands/collapses a panel.

Displays a list of options for the user to pick from—triggered by a button.

Display brief, temporary notifications of actions, errors, or other events in an application.

Renders an accessible label associated with controls

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

render a keyboard shortcut

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.

Provide context to your form elements

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.

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

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

Merges its props onto its immediate child

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

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

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

Ratings let users see and/or set a star rating for a product or other item

A skeleton gives feedback about loading state of some component.

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

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