AvatarGroupCountExample() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ AvatarGroupCountExample() — ui Function Reference

Dependency Diagram

graph TD
  e4cdb66b_3840_37e9_4f85_14e11fab3d7b["AvatarGroupCountExample()"]
  71a3971c_340e_9479_abee_96139e516a56["avatar-group-count.tsx"]
  e4cdb66b_3840_37e9_4f85_14e11fab3d7b -->|defined in| 71a3971c_340e_9479_abee_96139e516a56
  style e4cdb66b_3840_37e9_4f85_14e11fab3d7b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/avatar-group-count.tsx lines 9–30

export function AvatarGroupCountExample() {
  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>
      <AvatarGroupCount>+3</AvatarGroupCount>
    </AvatarGroup>
  )
}