Components
Loading preview...
A label that emphasizes an element that requires attention, or helps categorize with other similar elements.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/badge-1import { Badge } from "@/components/ui/badge-1";
export default function SizesDemo() {
return (
<div className="flex flex-col items-start gap-2">
<Badge size="sm">small</Badge>
<Badge size="md">medium</Badge>
<Badge size="lg">large</Badge>
</div>
);
}