Aria Packages

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

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

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

render a keyboard shortcut

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

A skeleton gives feedback about loading state of some component.

TextLink is an accessible element for navigation.

spark-ui icons

Component used to get user input in a text field

Icon button renders an icon within in a button

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.

Accessible icon wrapper

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

Renders an accessible label associated with controls

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

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.

Merges its props onto its immediate child