{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-button-39","type":"registry:block","title":"Button with an unread badge","description":"Button with an unread badge","dependencies":[],"registryDependencies":["@reui/badge","button"],"files":[{"path":"c-button-39.tsx","type":"registry:block","content":"import { Badge } from \"@/components/reui/badge\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Button\n      variant=\"outline\"\n      className=\"relative gap-2\"\n      aria-label=\"Inbox (8 unread)\"\n    >\n      <IconPlaceholder\n        lucide=\"MailIcon\"\n        tabler=\"IconMail\"\n        hugeicons=\"MailIcon\"\n        phosphor=\"EnvelopeIcon\"\n        remixicon=\"RiMailLine\"\n        aria-hidden=\"true\"\n      />\n      Inbox\n      <Badge\n        variant=\"destructive\"\n        size=\"sm\"\n        className=\"absolute -top-1.5 -right-2 rounded-full px-1\"\n        aria-hidden=\"true\"\n      >\n        8\n      </Badge>\n    </Button>\n  )\n}","target":"components/examples/c-button-39.tsx"}],"meta":{"order":39}}