Aria Packages

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

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

Hides content from the screen in an accessible way

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.

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.

navigation pattern that helps users understand the hierarchy of a website

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.

Badge component is a visual indicator for numeric values such as tallies and scores.

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

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.

Accessible icon wrapper

Icon button renders an icon within in a button

spark-ui icons

Component used to get user input in a text field

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

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

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