components
Installation
Usage
Imports
/components/ui/badge.tsx
Code
/components/ui/badge.tsx
Examples
Badge Color
Badge Variants
Badge Sizes
Badge With Icon
Badge With Dot
Badge With Avatar
Badge With Cross
Rounded Badge
Nested Badge
Props
<Badge>
| Name | Default | Values |
|---|---|---|
| variant | neutral | neutralstrongoutlinesoft |
| size | 24 | 202428 |
| color | primary | primaryinfosuccesswarningdanger |
| dot | false | boolean |
| asChild | false | boolean |