Components
Badge
Displays a badge or a component that looks like a badge.
Badge
Installation
NPM packages are currently unstable and may cause issues. Use it at your own risk.
Usage
Examples
Colors
Default
Primary
Secondary
Success
Info
Warning
Danger
Variants
Filled
Default
Primary
Secondary
Success
Info
Warning
Danger
Outlined
Default
Primary
Secondary
Success
Info
Warning
Danger
Subtle
Default
Primary
Secondary
Success
Info
Warning
Danger
Ghost
Default
Primary
Secondary
Success
Info
Warning
Danger
Radius
Badge
Badge
Badge
Badge
Sizes
xs
sm
md
lg
Badge Style Slots
| Slot Name | Targeted Component | Purpose |
|---|---|---|
base | Badge | Styles the badge component. |