{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"avatar-web","type":"registry:item","title":"Avatar","description":"A compact identity image for a person or entity, with a fallback when no image is available.","files":[{"path":"snippets/web/avatar.tsx","content":"import type { AvatarVariants } from \"@heroui/react\";\nimport { Avatar } from \"@heroui/react\";\n\nexport function AvatarExample({\n  color,\n  delay = 300,\n  size,\n}: {\n  delay: number;\n  color: AvatarVariants[\"color\"];\n  size: AvatarVariants[\"size\"];\n}) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Avatar color={color} size={size}>\n        <Avatar.Image\n          src={`https://app.requestly.io/delay/${delay}/https://img.heroui.chat/image/avatar?w=400&h=400&u=3`}\n        />\n      </Avatar>\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/avatar.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}