Rounded Badge

1import { Badge } from "@/registry/ui/badge";
2 
3const BadgeRoundedDemo = () => {
4  return (
5    <div className="flex items-center gap-2">
6      <Badge className="rounded-none">Rectangular</Badge>
7      <Badge className="rounded">Rounded</Badge>
8      <Badge>Default</Badge>
9    </div>
10  );
11};
12 
13export default BadgeRoundedDemo;