postsDSFRcomposant

Accordéon

Dernière modification le

Chaque composant peut être inclus dans un fichier Nunjucks .njk ou Markdown .md.

Utilisation #

Exemple d'utilisation dans un fichier Markdown .md #

????accordionsgroup

??? Intitulé accordéon

Contenu **markdown** _riche_

???

????

Note : Le conteneur accordionsgroup est facultatif quand il n'y a qu'un seul accordéon.

Exemple d'utilisation dans un fichier Nunjucks .njk #

{% from "components/component.njk" import component with context %}
{{ component("accordionsgroup", {
    items: [{
        title: "Intitulé accordéon",
        content: "<p>Contenu HTML</p>"
    }]
}) }}

Rendu #

Un accordéon créé en Nunjucks :

Contenu HTML


Groupe d'accordéons créé en Markdown :

Contenu MD

  • one
  • two

Contenu markdown riche

git commit
git push

Un autre accordéon seul :

Lorem [...] elit ut.


Voir aussi la page du composant sur le site du DSFR

À lire aussi

Paramètres d'affichage

Choisissez un thème pour personnaliser l’apparence du site.