WAI-ARIA Packages

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

spark-ui icons

Component used to get user input in a text field

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

An interactive component which expands/collapses a panel.

Provide context to your form elements

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.

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.

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.

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

Spark (Leboncoin design system) components.

render a keyboard shortcut

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

Icon button renders an icon within in a button

Hides content from the screen in an accessible way

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