Badge2

1import { Badge } from "@/ui/badge";
2 
3export default function WithDot() {
4  return (
5    <>
6      <Badge>
7        <span className="-ml-0.5 mr-1 size-1.5 shrink-0 rounded-full bg-current"></span>
8        Badge
9      </Badge>
10      <Badge variant="secondary">
11        <span className="-ml-0.5 mr-1 size-1.5 shrink-0 rounded-full bg-current"></span>
12        Secondary
13      </Badge>
14      <Badge variant="outline">
15        <span className="-ml-0.5 mr-1 size-1.5 shrink-0 rounded-full bg-current"></span>
16        Outline
17      </Badge>
18      <Badge variant="destructive">
19        <span className="-ml-0.5 mr-1 size-1.5 shrink-0 rounded-full bg-current"></span>
20        Destructive
21      </Badge>
22    </>
23  );
24}