Badge

Etiqueta de estado con 6 variantes de color, tamaño configurable y dot indicator opcional.

pnpm dlx nuvo-ui add badge

Variantes

DefaultActivoPendienteErrorInfoArchivado

<Badge variant="success">Activo</Badge>
<Badge variant="warning">Pendiente</Badge>
<Badge variant="error">Error</Badge>
<Badge variant="info">Info</Badge>
<Badge variant="muted">Archivado</Badge>

Con dot indicator

En líneaProcesandoCríticoInactivo

<Badge variant="success" dot>En línea</Badge>
<Badge variant="error"   dot>Crítico</Badge>

Tamaños

PequeñoMediano

<Badge size="sm">v1.2.0</Badge>
<Badge size="md">Producción</Badge>

Props

Prop	Tipo	Default	Descripción
variant	"default" \| "success" \| "warning" \| "error" \| "info" \| "muted"	"default"	Color del badge
size	"sm" \| "md"	"md"	Tamaño
dot	boolean	false	Muestra un indicador circular de color