Docs
Badge
Badge
The Badge component is a small, customizable UI element typically used to display counts or statuses.
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
Usage
Example Code
1import Badge from "inc-design-system/badge";Example Code
1<Badge>Badge</Badge>Props
Badge
| Prop | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Content to display inside the badge. There should be at least one child. | - |
| className | string | Styling for the parent div. | - |
| variant | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "translucent" | "primaryAccent" | Variant of the badge determining its color. | - |