{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-12",
  "title": "With badge",
  "description": "Notification count badge overlapping an icon button.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "badge"
  ],
  "files": [
    {
      "path": "registry/patterns/button/button-12.tsx",
      "content": "import { BellIcon } from 'lucide-react'\n\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\n\nexport function Button12() {\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"icon\"\n      className=\"relative\"\n      aria-label=\"Notifications\"\n    >\n      <BellIcon />\n      <Badge className=\"absolute -top-1.5 -right-1.5 h-4 min-w-4 rounded-full bg-emerald-500 px-1 text-white\">\n        3\n      </Badge>\n    </Button>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/button/button-12.tsx"
    }
  ],
  "type": "registry:block"
}