Badges & Tags
Composants compacts d'information pour labelliser des statuts, marquer des métadonnées ou proposer des filtres interactifs.
1. Badges de statut
Badges non cliquables servant uniquement à labelliser l'état d'un dossier ou d'une demande.
Badges de statut
En cours
Validé
Attention
Erreur
<span class="ml-badge ml-badge-info">En cours</span>
<span class="ml-badge ml-badge-success">Validé</span>
<span class="ml-badge ml-badge-warning">Attention</span>
<span class="ml-badge ml-badge-error">Erreur</span>2. Tags / Étiquettes de filtre (.ml-tag)
Composants interactifs pouvant être cliquables, sélectionnés ou fermés.
Tags et filtres
<span class="ml-tag">Tag Simple</span>
<a href="#" class="ml-tag ml-tag-clickable">Tag Cliquable</a>
<span class="ml-tag ml-tag-selected">Tag Sélectionné</span>
<span class="ml-tag">
Passeport
<button class="ml-tag-dismiss" aria-label="Supprimer">
<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</span>