• DSFR
• composant

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

Utilisation #

Exemple d'utilisation dans un fichier Markdown .md #

Seul le texte est disponible.

:::quote /img/placeholder.1x1.png
« Lorem [...] elit ut. »
:::

Le chemin de l'image (optionnelle) est celui dans le site.

Exemple d'utilisation dans un fichier Nunjucks .njk #

{% from "components/component.njk" import component with context %}
{{ component("quote", {
    sourceUrl: "/",
    text: "Lorem [...] elit ut.",
    author: "Auteur",
    source: "Ouvrage",
    imageSrc: "/img/placeholder.1x1.png"
}) }}

imageSrc est le chemin de l'image dans le site.

Rendu #

« Lorem [...] elit ut. »

Voir aussi la page du composant sur le site du DSFR