upstream-shadcn-ui/apps/v4/examples/radix/badge-link.tsx

import { ArrowUpRightIcon } from "lucide-react"

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

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