Badge
Monospaced, uppercase status label.
Side A33⅓Hi-FiRecMono
Installation
npx shadcn@latest add @vinyl/badgeUsage
import { Badge } from '@/components/ui/badge';
<Badge>Side A</Badge>
<Badge variant="outline">Mono</Badge>API
| Prop | Values | Default |
|---|---|---|
variant | default secondary accent destructive outline | default |
asChild | Render as the child element | false |