A11Y Packages

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

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

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

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

An interactive component which expands/collapses a panel.

Spark (Leboncoin design system) components.

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

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

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

Renders a React subtree in a different part of the DOM.

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

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

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

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

Renders an accessible label associated with controls

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

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

A skeleton gives feedback about loading state of some component.

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