{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar-avatar-group",
  "type": "registry:component",
  "title": "Avatar",
  "author": "Toby Belhome",
  "description": "An image element with fallbacks for representing the user.",
  "dependencies": [],
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "examples/components/avatar/avatar-group/page.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\n\nexport default function AvatarGroup() {\n  return (\n    <div className=\"[&_*]:data-[slot=avatar]:ring-background flex -space-x-2 [&_*]:data-[slot=avatar]:ring-2\">\n      <Avatar>\n        <AvatarImage src=\"https://www.tobybelhome.com/user.png\" alt=\"@shadcn\" />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n      <Avatar>\n        <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n      <Avatar>\n        <AvatarImage\n          src=\"https://images.unsplash.com/photo-1654110455429-cf322b40a906?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGF2YXRhcnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&q=60&w=300\"\n          alt=\"@shadcn\"\n        />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/avatar-avatar-group.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}