AvatarGroupCountIconExample() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AvatarGroupCountIconExample() — ui Function Reference

Dependency Diagram

graph TD
  36fe06d5_89f4_2f5b_e271_198d3851cee9["AvatarGroupCountIconExample()"]
  ee049472_01fd_5a33_83a0_55f151c30945["avatar-group-count-icon.tsx"]
  36fe06d5_89f4_2f5b_e271_198d3851cee9 -->|defined in| ee049472_01fd_5a33_83a0_55f151c30945
  style 36fe06d5_89f4_2f5b_e271_198d3851cee9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/avatar-group-count-icon.tsx lines 10–33

export function AvatarGroupCountIconExample() {
  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>
        <PlusIcon />
      </AvatarGroupCount>
    </AvatarGroup>
  )
}