AvatarGroupExample() — ui Function Reference

Architecture documentation for the AvatarGroupExample() function in avatar-group.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AvatarGroupExample() — ui Function Reference

Dependency Diagram

graph TD
  5d98e9d3_409e_244e_86d2_295e4a5f13a7["AvatarGroupExample()"]
  ec28d291_ae1f_062a_4c13_944c58cccf35["avatar-group.tsx"]
  5d98e9d3_409e_244e_86d2_295e4a5f13a7 -->|defined in| ec28d291_ae1f_062a_4c13_944c58cccf35
  style 5d98e9d3_409e_244e_86d2_295e4a5f13a7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/avatar-group.tsx lines 8–28

export function AvatarGroupExample() {
  return (
    <AvatarGroup className="grayscale">
      <Avatar>
        <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
        <AvatarFallback>CN</AvatarFallback>
      </Avatar>
      <Avatar>
        <AvatarImage src="https://github.com/maxleiter.png" alt="@maxleiter" />
        <AvatarFallback>LR</AvatarFallback>
      </Avatar>
      <Avatar>
        <AvatarImage
          src="https://github.com/evilrabbit.png"
          alt="@evilrabbit"
        />
        <AvatarFallback>ER</AvatarFallback>
      </Avatar>
    </AvatarGroup>
  )
}