Aria Packages

Displays rich content in a portal, triggered by a button.

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.

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

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.

navigation pattern that helps users understand the hierarchy of a website

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.

An input that behaves similarly to a select, with the addition of a free text input to filter options.

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

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

Icon button renders an icon within in a button

spark-ui icons

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

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

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

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

Hides content from the screen in an accessible way

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.