Badge
Preview
Section titled “Preview”Default
Outline
Solid
Hachure
Installation
Section titled “Installation”npx skeci-ui add badgeimport { Badge } from '@/components/ui/badge';
<Badge variant="outline">Badge</Badge>Variants
Section titled “Variants”Colors
Destructive
Success
Primary
Warning
Normal Border
Default
Destructive
Outline
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'outline' | 'hachure' | 'solid' | 'default' | The visual style. |
color | string | '#333333' | The stroke and fill color. |
border | 'rough' | 'none' | 'rough' | Whether to use hand-drawn borders. |
asChild | boolean | false | Whether to merge props onto the child element. |