Badge
Element en ligne pour afficher un statut, une categorie ou un label court. Rendu sous forme de pilule arrondie (rounded-full).
Preview
default
secondary
destructive
outline
Exemple d'utilisation
Badges utilises dans le contexte du speedcubing pour indiquer le type de puzzle, les records personnels ou les penalites.
3x3
PB
DNF
+2
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "secondary" | "destructive" | "outline" | "default" | Le style visuel du badge. default = primaire, secondary = fond gris, destructive = rouge, outline = bordure seule. |
| className | string | — | Classes CSS additionnelles. |