@spark-ui Packages

polaris icons

package for sharing reusable code and resources across the codebase

An interactive component which expands/collapses a panel.

Accessible icon wrapper

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

Icon button renders an icon within in a button

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

render a keyboard shortcut

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

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

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

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 control that allows the user to toggle between checked and not checked.

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

Spark CLI utils

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

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.

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

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