Badge
Etiquetas tipo píldora suaves para estado, categorías y metadatos, con un punto inicial opcional.
Variantes
cyanpurplemagentasuccesswarningdangermuted
Tamaños
PequeñoMediano
Con punto
AprobadoPendienteRechazadoEn vivo
Todas las variantes con punto
cyanpurplemagentasuccesswarningdangermuted
Uso
<Badge variant="cyan">Nuevo</Badge>
<Badge variant="success" dot>Approved</Badge>
<Badge variant="warning" size="sm">Pending</Badge>
<Badge variant="magenta" dot>Magenta</Badge>Props
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
variant | 'cyan' | 'purple' | 'magenta' | 'success' | 'warning' | 'danger' | 'muted' | 'cyan' | Esquema de color del badge. |
size | 'sm' | 'md' | 'md' | Relleno y tamaño de fuente. |
dot | boolean | false | Renderiza un punto de estado inicial que hereda el color del badge. |