Voici l'exemple : un bandeau d'information importante Lien si besoin
Composant bandeau d'information importante
Ce composant permet de créer un bandeau d'information DSFR.
Élément unique
Comme le bandeau d'information est unique par page, il est déclaré dans les métadonnées du fichier Mardown source, et non comme un composant dans le contenu de la page.
Composant bandeau d'information
Dans l'en-tête du fichier Markdown, encadré par les symboles ---, ajoutez la section notice avec ses options. Si une option contient des caractères spéciaux comme :, encadrez votre libellé avec des guillemets pour éviter les erreurs de syntaxe.
---
... autres métadonnées...
notice:
type: warning
title: Attention
description: "Voici l'exemple : un bandeau d'information importante"
link_label: Lien si besoin
link_url: https://example.com
link_newtab: true
---
Cet extrait de code montre comment créer le bandeau visible sur cette page.
Options du bandeau
| Option | Valeur par défaut | Description |
|---|---|---|
| type | info | Type de bandeau. Valeurs possibles : "info", "warning", "alert", "weather-orange", "weather-red", "weather-purple", "kidnapping", "cyberattack", "attack", "witness" |
| markup | p | Type de balise pour le texte du bandeau. Valeurs possibles : "p", "h1", "h2", "h3", "h4", "h5", "h6" |
| icon | Icône à afficher dans le bandeau. Si vide, l'icône du type d'info est affichée. | |
| link_label | Texte du lien cliquable dans le bandeau. Si vide, aucun lien n'est affiché. | |
| link_url | URL du lien cliquable dans le bandeau. | |
| link_newtab | False | Ouvre le lien cliquable dans un nouvel onglet. |
Dépréciation du composant /// notice
Le composant /// notice est déprécié car il s'agit d'un élément unique de page à intégrer en en-tête. Ce composant sera supprimé dans la prochaine version, au profit de la métadonnée notice décrite ci-dessus.