Accordion - Accordéon

Composant permettant aux utilisateurs d'afficher et de masquer des sections de contenu présentés dans une page.

Anatomie

Le composant Accordéon est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction de l'état choisi.

Conteneur

Libellé

Icône indicateur d'état

Détail (échange d'instance lorsque que l'état est ouvert)

Styles

Les accordéons peuvent avoir 2 styles d'icônes qui servent d'indicateurs visuels à l'utilisateur afin qu'il puisse savoir si l'accordéon est dans un état ouvert ou fermé.

Chevron

Plus / Moins

États

Les états sont des représentations visuelles utilisées pour communiquer l'état de l'accordéon. Chaque état est visuellement similaire et ne modifie pas radicalement l'accordéon, mais est toujours clair afin de pouvoir le distinguer des autres états et de la mise en page environnante.

Il existe 3 états différents disponibles pour l'accordéon :