Installation
pnpm dlx shadcn@latest add @spell/badgeExamples
Color
Size
SmallDefault
Usage
import { Badge } from "@/components/badge";<Badge>Default</Badge>
<Badge variant="blue">Blue</Badge>
<Badge size="sm">Small</Badge>Props
| Prop | Type | Default |
|---|---|---|
children | React.ReactNode | - |
variant | string | default |
size | string | default |
asChild | boolean | false |
className | string | - |