AvatarWithBadge() — ui Function Reference

Architecture documentation for the AvatarWithBadge() function in avatar-badge.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AvatarWithBadge() — ui Function Reference

Dependency Diagram

graph TD
  22c8f225_75ce_6287_6508_5d35a11931d0["AvatarWithBadge()"]
  2f95638a_b1e0_03fc_330b_9ea327b250eb["avatar-badge.tsx"]
  22c8f225_75ce_6287_6508_5d35a11931d0 -->|defined in| 2f95638a_b1e0_03fc_330b_9ea327b250eb
  style 22c8f225_75ce_6287_6508_5d35a11931d0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/avatar-badge.tsx lines 8–16

export function AvatarWithBadge() {
  return (
    <Avatar>
      <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
      <AvatarFallback>CN</AvatarFallback>
      <AvatarBadge className="bg-green-600 dark:bg-green-800" />
    </Avatar>
  )
}