shadcn-ui/apps/v4/examples/base/badge-link.tsx

import { ArrowUpRightIcon } from "lucide-react"

import { Badge } from "@/styles/base-nova/ui/badge"

export function BadgeAsLink() {
  return (
    <Badge render={<a href="#link" />}>
      Open Link <ArrowUpRightIcon data-icon="inline-end" />
    </Badge>
  )
}