AvatarDemo() — ui Function Reference

Architecture documentation for the AvatarDemo() function in avatar-basic.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AvatarDemo() — ui Function Reference

Dependency Diagram

graph TD
  e4a747da_a244_4dfc_0d38_71ef093851c0["AvatarDemo()"]
  a8bb8ce2_e983_f979_1a28_d22efc6f6e97["avatar-basic.tsx"]
  e4a747da_a244_4dfc_0d38_71ef093851c0 -->|defined in| a8bb8ce2_e983_f979_1a28_d22efc6f6e97
  style e4a747da_a244_4dfc_0d38_71ef093851c0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/avatar-basic.tsx lines 3–14

export default function AvatarDemo() {
  return (
    <Avatar>
      <AvatarImage
        src="https://github.com/shadcn.png"
        alt="@shadcn"
        className="grayscale"
      />
      <AvatarFallback>CN</AvatarFallback>
    </Avatar>
  )
}