Accessible Packages

An input where the user selects a value from within a given range.

TextLink is an accessible element for navigation.

Merges its props onto its immediate child

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

Spinners provide a visual cue that an action is processing awaiting a course of change or a result.

Stepper allows a user to enter a number, and increment or decrement the value using dedicated buttons.

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

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

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

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

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 (Leboncoin design system) components.

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

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.

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

An interactive component which expands/collapses a panel.

Component used to get user input in a text field

render a keyboard shortcut