Badge
Add a compact label for a category, count, or state.
Preview
Import
import { Badge } from "@sigil-ui/components";Usage
<Badge>Badge example</Badge>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | BadgeVariant | default | Visual variant. |
size | "sm" | "md" | md | Badge size. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-primary | Primary |
--s-primary-contrast | Primary contrast |
--s-surface | Surface |
--s-text-secondary | Text secondary |
--s-text | Text |
--s-border | Border |
--s-error | Error |
--s-success | Success |
--s-warning | Warning |
--s-info | Info |
--s-radius-badge | Radius badge |
--s-border-style | Border style |