A11y Packages

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

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

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 scrolling list presents a set of items, referred to as slides, by sequentially displaying a subset of one or more slides

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

A skeleton gives feedback about loading state of some component.

Component used to get user input in a text field

render a keyboard shortcut

Icon button renders an icon within in a button

spark-ui icons

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.

Provide context to your form elements

Renders an accessible label associated with controls

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

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.

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.