Badge

La composition badge permet de mettre en avant une information de type “statut” ou “état” sur un élément du site. Le badge n’est pas un composant ‘cliquable’. Il doit être associé à une information donnée sur une page pour préciser le statut ou l’état associée à cette information.

Badges simple

Badge simple

Liste de badges

  • Badge simple
  • Badge simple
  • badge simple
  • Badge simple

Badge système (avec icône optionnelle)

Cette variante peut être utilisée pour préciser l’information donnée par le texte du badge. Elle doit être obligatoirement et uniquement utilisée quand les couleurs ‘fonctionnelles’ sont utilisées. L’icône système est optionnelle.

  • Badge succès
  • Badge erreur
  • badge informations
  • Badge avertissement
  • badge nouveauté

Personnalisation

Il est possible d’utiliser les couleurs illustratives sur les badges ‘standard’ uniquement

  • Tilleul verveine
  • bourgeon
  • Émeraude
  • Menthe
  • Archipel
  • Écume
  • Cumulus
  • Glycine
  • Macaron
  • Tuile
  • Tournesol
  • Moutarde
  • Terre battue
  • Café crème
  • Caramel
  • Opéra
  • Gris galet

Exemple d’utilisation

  • nouveau

Les pictogrammes du DSFR