Accordéon

Utilisation

Oui. Il suit le modèle de conception WAI-ARIA.

::accordion{default-value="first-item" collapsible}
  ::accordion-item{value="first-item"}
  #title
  Est-il accessible ?

  #content
  Oui. Il suit le modèle de conception WAI-ARIA.
  ::

  ::accordion-item
  #title
  Est-il non stylisé ?

  #content
  Oui. Il est non stylisé par défaut, vous donnant la liberté sur l'apparence.
  ::
  :accordion-item{title="Peut-il être animé ?" content="Oui ! Vous pouvez utiliser la prop transition pour configurer l'animation."}
::

La prop value dans ::accordion-item est auto-générée par défaut. Vous pouvez les définir à d'autres valeurs uniques et les mettre dans la prop default-value de ::accordion.

Props

::accordion-item

type'single' | 'multiple'
'single'
collapsibleboolean
undefined
Si les éléments peuvent être réduits
defaultValuestring | string[]
Élément ouvert par défaut

::accordion

valuestring
Valeur de l'élément
titlestring
Titre de l'élément
contentstring
Contenu de l'élément