{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar-badge-with-icon",
  "title": "Avatar Badge With Icon",
  "description": "Avatar example: Badge With Icon.",
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "apps/docs/demos/avatar/badge-with-icon.tsx",
      "content": "\"use client\";\n\nimport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarImage,\n} from \"@keystoneui/react/avatar\";\nimport { Plus as PlusIcon } from \"lucide-react\";\n\nexport default function AvatarBadgeWithIcon() {\n  return (\n    <Avatar>\n      <AvatarImage\n        alt=\"@pranathip\"\n        src=\"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\"\n      />\n      <AvatarFallback>PP</AvatarFallback>\n      <AvatarBadge>\n        <PlusIcon />\n      </AvatarBadge>\n    </Avatar>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}