componente · @solu30/ui-kit/display
StatusBadge
El componente, montado
Cargando el espécimen…
Cargando el chunk del paquete instalado…
De dónde se importa
import { StatusBadge } from '@solu30/ui-kit/display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| status | sí | string | Status key (matches a key in statusConfig or a built-in status) |
| statusConfig | opcional | Record<string, StatusConfig> | Custom status configuration mapping status keys to colors and labels |
| size | opcional | 'sm' | 'md' | 'lg' | Badge size |
| className | opcional | string | Additional CSS class |
| icon | opcional | React__default.ReactNode | Optional icon rendered before the label text |
| isLoading | opcional | boolean | When true, replaces the icon with an animated spinner |
| onClick | opcional | () => void | When provided, renders the badge as a button with cursor-pointer and hover state |