ARIA Packages

An interactive component which expands/collapses a panel.

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.

Component used to get user input in a text field

render a keyboard shortcut

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

Spark (Leboncoin design system) components.

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

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

Accessible icon wrapper

Icon button renders an icon within in a button

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.

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