{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"badge-web","type":"registry:item","title":"Badge","description":"A compact status, count, or label marker attached to another element to draw attention to new or important information.","files":[{"path":"snippets/web/badge.tsx","content":"import { Avatar, Badge } from \"@heroui/react\";\n\nconst AVATAR_URL = \"https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/green.jpg\";\n\nexport function BadgeExample() {\n  return (\n    <Badge.Anchor>\n      <Avatar>\n        <Avatar.Image src={AVATAR_URL} />\n      </Avatar>\n      <Badge>5</Badge>\n    </Badge.Anchor>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/badge.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}