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
  287244db_361e_8110_7611_00f531a0ff29["AvatarGroupCountIconExample()"]
  f4ed9eb7_94bf_f257_e272_0db63c7597fb["avatar-group-count-icon.tsx"]
  287244db_361e_8110_7611_00f531a0ff29 -->|defined in| f4ed9eb7_94bf_f257_e272_0db63c7597fb
  style 287244db_361e_8110_7611_00f531a0ff29 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}