accordeon.md

title	description	date	tags
Accordéon	Comment intégrer un accordéon dans une page du site ?	git Last Modified	DSFR composant

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

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

Rendu

Un accordéon créé en Nunjucks :

{% from "components/component.njk" import component with context %} {{ component("accordionsgroup", { items: [{ title: "Intitulé accordéon", content: "

Contenu HTML

" }] }) }}

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

????accordionsgroup

??? Premier accordéon

Contenu MD

• one
• two

???

??? Deuxième accordéon

Contenu markdown riche

git commit
git push

???

????

Un autre accordéon seul :

??? Accordéon seul, hors groupe

Lorem [...] elit ut.

???

Voir aussi la page du composant sur le site du DSFR{.fr-link .fr-fi-arrow-right-line .fr-link--icon-right}