Components
Badge
Status indicator badges with semantic color variants.
Import
import { Badge } from '@dmm1/daemon-ui'Usage
DEFAULT
<Badge>DEFAULT</Badge>Variants
DEFAULTONLINEDEGRADEDOFFLINEv0.1.0
<Badge variant="default">DEFAULT</Badge>
<Badge variant="success">ONLINE</Badge>
<Badge variant="warning">DEGRADED</Badge>
<Badge variant="error">OFFLINE</Badge>
<Badge variant="outline">v0.1.0</Badge>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'success' | 'warning' | 'error' | 'outline' | 'default' | Badge style |
className | string | — | Additional CSS classes |
children | ReactNode | — | Badge content |