@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

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.

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

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

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

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

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.

An interactive component which expands/collapses a panel.

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

Provide context to your form elements

Accessible icon wrapper

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

Common hooks for Spark UI

Spark (Leboncoin design system) components.

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

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

Merges its props onto its immediate child

Display brief, temporary notifications of actions, errors, or other events in an application.