Accordion - Accordéon

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

Exemples

Vous pouvez consulter le storybook du composant depuis ce lien.

 

Défault

 

État désactivé

L'état désactivé dépend de la valeur de l'attribut disabled. Si égale à true, l'attribut aria-disabled du bouton de l’accordéon sera également à true.

 

Avec un icône personnalisable

Vous avez deux choix de personnalisation de l'icône visuel agrandir/réduire en passant par l'attribut icon (chevron ou box).

 

Avec un niveau de titre personnalisable (de 1 à 6)

Vous pouvez personnaliser le niveau de titre de l'en-tête en passant par l'attribut header-level.

 

Avec des actions

 

En variante filled

 

En taille small