Composant Badge

Ce composant permet de créer un badge DSFR.

Badge simple d'information

Composant

Actualité

  • Dernière nouveauté

Extrait de code

/// badge
Actualité
///

- Dernière nouveauté

Options du badge


Option Valeur par défaut Description
type Type du badge. Valeurs possibles : success, error, info, warning, new. Si aucun, le type par défaut est gris.
icon true Affichage ou non de l'icône si un type est choisi.
color Couleur du badge, si aucun type choisi. A choisir dans la palette DSFR. Par exemple green-menthe

Autres exemples de badges

Composant

Validé

Périmé

Spécial

etc.


Extrait de code

/// badge
    type: success

Validé
///
/// badge
    type: error
    icon: false
Périmé
///
/// badge
    color: green-menthe
Spécial
///

etc.


Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.