• DSFR
• composant

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

Utilisation #

Exemple d'utilisation dans un fichier Markdown .md #

:::info Test d'alerte
Contenu **Mardown**
:::

Exemple d'utilisation dans un fichier Nunjucks .njk #

{% from "components/component.njk" import component with context %}
{{ component("alert", {
    type: "info",
    title: "Test d'alerte",
    description: "<p>Le contenu de l'alerte</p>"
}) }}

Notes :

Le composant alerte n'inclut pas de bouton de fermeture.

Le bloc ne porte pas l'attribut role="alert" car il n’apparait pas dynamiquement en cours de navigation.

Les types possibles sont info, warning, error, success. En njk si le type est omis, le type info sera appliqué.

Rendu #

Voir aussi la page du composant sur le site du DSFR