@spark-ui Packages

polaris icons

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

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.

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

render a keyboard shortcut

spark-ui icons

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

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

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

Component used to get user input in a text field

package for sharing reusable code and resources across the codebase

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.

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

Spark CLI utils

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.

Spark (Leboncoin design system) components.