Clickable Badge

1import { badgeVariants } from "@/registry/ui/badge";
2 
3const ClickableBadgeDemo = () => {
4  return (
5    <button
6      className={badgeVariants({
7        className: "cursor-pointer select-none focus:ring-offset-1",
8      })}
9    >
10      Clickable
11    </button>
12  );
13};
14 
15export default ClickableBadgeDemo;