Clickable Link Badge

1import Image from "next/image";
2import Link from "next/link";
3import { Badge } from "@/registry/ui/badge";
4 
5const ClickableLinkBadgeDemo = () => {
6  return (
7    <Badge asChild className="h-7 gap-1.5 pl-0.75" variant="outline">
8      <Link href="https://github.com/shadcn" target="_blank">
9        <Image
10          alt=""
11          className="h-5 w-5 rounded-full"
12          height={20}
13          src="https://github.com/shadcn.png"
14          width={20}
15        />
16        shadcn
17      </Link>
18    </Badge>
19  );
20};
21 
22export default ClickableLinkBadgeDemo;