Bandeau d’information importante

Documentation du tag

Returns a notice item. Takes a dict as parameter, with the following structure:

data_dict = {
    "title": "Title of the notice item (can include html)",
    "description": "(Optional) Content of the notice item (can include html)",
    "link": "(Optional) Standardized link at the end of the notice.",
    "type": "(Optional) The type of notice. See below for allowed values (default: info)",
    "icon": "(Optional) The icon class for weather-related notices",
    "is_collapsible" : "(Optional) Boolean, set to true to add a 'close' button for the notice (default: false)",
}

Possible values for type (list available in constant NOTICE_TYPE_CHOICES):

  • info
  • warning
  • alert
  • weather-orange
  • weather-red
  • weather-purple
  • attack
  • witness
  • cyberattack

All of the keys of the dict can be passed directly as named parameters of the tag.

Tag name: dsfr_notice

Usage: {% dsfr_notice data_dict %}

Exemples

Exemple 1 

{'is_collapsible': False,
 'title': 'Bandeau d’information importante par défaut, comprenant dans le '
          'titre un texte assez long\n'
          '                            pour être sur deux lignes, et \n'
          '                            un lien au fil du texte, sans croix '
          'de fermeture.'}

Bandeau d’information importante par défaut, comprenant dans le titre un texte assez long pour être sur deux lignes, et un lien au fil du texte, sans croix de fermeture.

Exemple 2 

{'description': 'Il comprend en description un texte assez long\n'
                '                            pour être sur deux lignes, et \n'
                '                            un lien au fil du texte, avec '
                'une croix de fermeture.',
 'is_collapsible': True,
 'title': 'Bandeau d’information importante de niveau warning.',
 'type': 'warning'}

Bandeau d’information importante de niveau warning. Il comprend en description un texte assez long pour être sur deux lignes, et un lien au fil du texte, avec une croix de fermeture.

Exemple 3 

{'is_collapsible': True,
 'title': 'Bandeau d’information importante de niveau alert, comprenant un '
          'texte assez long\n'
          '                            pour être sur deux lignes, et \n'
          '                            un lien au fil du texte, avec une '
          'croix de fermeture.',
 'type': 'alert'}

Bandeau d’information importante de niveau alert, comprenant un texte assez long pour être sur deux lignes, et un lien au fil du texte, avec une croix de fermeture.

Exemple 4 

{'description': 'Attention, l’utilisation de ce type de bandeau est encadrée, '
                'cf. documentation.',
 'icon': 'fr-icon-windy-fill',
 'is_collapsible': True,
 'link': 'https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bandeau-d-information-importante/',
 'title': 'Vigilance météo orange',
 'type': 'weather-orange'}

Vigilance météo orange Attention, l’utilisation de ce type de bandeau est encadrée, cf. documentation. Lien de consultation

Exemple 5 

{'description': 'Attention, l’utilisation de ce type de bandeau est encadrée, '
                'cf. documentation.',
 'is_collapsible': True,
 'link': 'https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bandeau-d-information-importante/',
 'title': 'Vigilance météo rouge',
 'type': 'weather-red'}

Vigilance météo rouge Attention, l’utilisation de ce type de bandeau est encadrée, cf. documentation. Lien de consultation

Exemple 6 

{'description': 'Attention, l’utilisation de ce type de bandeau est encadrée, '
                'cf. documentation.',
 'is_collapsible': True,
 'link': 'https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bandeau-d-information-importante/',
 'title': 'Vigilance météo violette',
 'type': 'weather-purple'}

Vigilance météo violette Attention, l’utilisation de ce type de bandeau est encadrée, cf. documentation. Lien de consultation

Exemple 7 

{'description': 'Attention, l’utilisation de ce type de bandeau est encadrée, '
                'cf. documentation.',
 'is_collapsible': True,
 'link': 'https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bandeau-d-information-importante/',
 'title': 'Attentat en cours',
 'type': 'attack'}

Attentat en cours Attention, l’utilisation de ce type de bandeau est encadrée, cf. documentation. Lien de consultation

Exemple 8 

{'description': 'Attention, l’utilisation de ce type de bandeau est encadrée, '
                'cf. documentation.',
 'is_collapsible': True,
 'link': 'https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bandeau-d-information-importante/',
 'title': 'Appel à témoins',
 'type': 'witness'}

Appel à témoins Attention, l’utilisation de ce type de bandeau est encadrée, cf. documentation. Lien de consultation

Exemple 9 

{'description': 'Attention, l’utilisation de ce type de bandeau est encadrée, '
                'cf. documentation.',
 'is_collapsible': True,
 'link': 'https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/bandeau-d-information-importante/',
 'title': 'Cyber-attaque',
 'type': 'cyberattack'}

Cyber-attaque Attention, l’utilisation de ce type de bandeau est encadrée, cf. documentation. Lien de consultation