Aria Packages

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

Spark (Leboncoin design system) components.

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.

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

Component used to get user input in a text field

render a keyboard shortcut

Icon button renders an icon within in a button

spark-ui icons

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.

Provide context to your form elements

Renders an accessible label associated with controls

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

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

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

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.

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

Accessible icon wrapper

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.