Badge
Une petite étiquette pour qualifier un contenu : un statut, une catégorie, un compteur. Huit couleurs, quatre styles, cinq tailles.
Ouvert
Vue d'ensemble : color × style
Réglages
Chaque réglage correspond à une propriété du composant.
La couleur du badge. « neutral » est pensé pour un fond coloré, pas blanc.
Le style : plein, adouci, contour ou pointillés.
La taille, de très petit (xs) à très grand (xl).
Le texte du badge. Vide, il ne reste que les icônes.
Une icône avant le texte.
Une icône après le texte.
Des classes en plus, pour tester une personnalisation.
Le code correspondant
import Badge from "@neo/ui/components/Badge.astro";
<Badge />