BadgeA badge component with multiple color variants and sizes.badgevariantlabel PreviewCodeDefaultBlueGreenRedPurpleCopy"use client"; import { Badge } from "@/components/vritti/badge"; export function BadgeExample() { return ( <div className="flex flex-wrap items-center justify-center gap-2 p-8"> <Badge>Default</Badge> <Badge variant="blue">Blue</Badge> <Badge variant="green">Green</Badge> <Badge variant="red">Red</Badge> <Badge variant="purple">Purple</Badge> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/badge"Copy Dependencies pnpmnpmyarnbunpnpm add @radix-ui/react-slot class-variance-authorityCopy