StatusBadge

Badge de estado semántico. Lee el token CSS --color-status-{status} automáticamente. Soporta variante filled y outline.

Estados semánticos (filled)

runningalarmstoppedmaintenanceinfosuccesswarningerror

Variante outline

runningalarmmaintenanceerror

Con label personalizado

En marchaAlarma activaMantenimiento

Estado desconocido (fallback a border)

custom-statecustom-state

Props

Prop	Tipo	Default	Descripción
status	string	—	Requerido. Mapea a --color-status-{status}. Fallback a --color-border si no existe
label	string	—	Texto personalizado. Si no se pasa, muestra el valor de status
variant	'filled' | 'outline'	'filled'	Estilo visual

Slots

Ninguno.

Emits

Ninguno.