Badge
A small Y2K label — thick navy outline, pastel fill, six color variants.
badge-colors-demo.app
defaultbluepinklilacmintlemonoutline
Installation
terminal.sh
npx y2kui@latest add badgeUsage
import { Badge } from "@/components/ui/badge";
<Badge variant="pink">new</Badge>;Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'blue' | 'pink' | 'lilac' | 'mint' | 'lemon' | 'outline' | 'default' | Color style of the badge. |
size | 'sm' | 'md' | 'lg' | 'md' | Visual size of the badge. |