@spark-ui Packages

polaris icons

Renders an accessible label associated with controls

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

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

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

An interactive component which expands/collapses a panel.

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.

Icon button renders an icon within in a button

package for sharing reusable code and resources across the codebase

render a keyboard shortcut

Provide context to your form elements

Accessible icon wrapper

Common hooks for Spark UI

spark-ui icons

Component used to get user input in a text field

A modal dialog that interrupts the user with important content and expects a response.

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

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

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.