Accessible Packages

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

An interactive component which expands/collapses a panel.

Spark (Leboncoin design system) components.

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.

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

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

Merges its props onto its immediate child

Displays a list of options for the user to pick from—triggered by a button.

Ratings let users see and/or set a star rating for a product or other item

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

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

A set of layered sections of content—known as tab panels—that are displayed one at a time.

A skeleton gives feedback about loading state of some component.

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.

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

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

Icon button renders an icon within in a button

Accessible icon wrapper