Badge
A Badge component from the Sigil design system.
Import
import { Badge } from "@sigil-ui/components";Preview
Usage
<Badge>Badge content</Badge>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | BadgeVariant | default | Visual variant. |
size | `"sm" | "md"` | md |
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 |