Badge

A label that emphasizes an element that requires attention, or helps categorize with other similar elements.

import { 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>
  );
}