postsDSFRcomposant

Alerte

Dernière modification le

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 #

Titre de l'information

Contenu de l'alerte

Titre de l'avertissement

Le contenu de l'alerte

Contenu de l'alerte seule

Titre d'une erreur simple


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.