primitives
badge
Badge
Status badge with semantic variants.
$
Component docs
ndui add badge
Variants
Primary
Secondary
Success
Warning
Destructive
Outline
Source
<Badge Variant="BadgeVariant.Primary">Primary</Badge>
<Badge Variant="BadgeVariant.Secondary">Secondary</Badge>
<Badge Variant="BadgeVariant.Success">Success</Badge>
<Badge Variant="BadgeVariant.Warning">Warning</Badge>
<Badge Variant="BadgeVariant.Destructive">Destructive</Badge>
<Badge Variant="BadgeVariant.Outline">Outline</Badge>Dot indicators
Live
Degraded
Incident
Inline with text
API status: operational
Plan: Pro
Build: v1.4.2