Composant Accordéon
Ce composant permet de créer un accordéon DSFR.
Accordéon simple
Composant
Contenu de mon Accordéon
- Point 1
- Point 2
Extrait de code
/// accordion | Intitulé 1
Contenu de mon Accordéon
- Point 1
- Point 2
///
Options de l'accordéon
| Option | Valeur par défaut | Description |
|---|---|---|
| open | false | L'accordéon est-il ouvert au départ |
| markup | h5 | Niveau de titre du bouton accordéon (h1 à h6) |
Exemple d'accordéon ouvert
Composant
Titre
Bloc de citation
Extrait de code
/// accordion | Intitulé 2
open: true
##### Titre
> Bloc de citation
///
Exemple avec niveau de titre personnalisé (markup)
Composant
Cet accordéon utilise un <h3> comme titre pour respecter la hiérarchie de la page.
Extrait de code
/// accordion | Intitulé 3
markup: h3
Cet accordéon utilise un `<h3>` comme titre pour respecter la hiérarchie de la page.
///