@spark-ui Packages

polaris icons

package for managing Spark theme configuration

combine controlled-uncontrolled component state by stateful-stateless inner state management

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.

Provide context to your form elements

navigation pattern that helps users understand the hierarchy of a website

A control that allows the user to toggle between checked and not checked.

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

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.

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.

Common hooks for Spark UI

Icon button renders an icon within in a button

spark-ui icons

Renders an accessible label associated with controls

Accessible icon wrapper

package for sharing reusable code and resources across the codebase

render a keyboard shortcut

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