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
  59eb5c25_f8be_8e77_847c_4d2bffda9843["AvatarWithBadge()"]
  d90c53c6_e991_eed2_b8b1_cf6f357202a9["avatar-badge.tsx"]
  59eb5c25_f8be_8e77_847c_4d2bffda9843 -->|defined in| d90c53c6_e991_eed2_b8b1_cf6f357202a9
  style 59eb5c25_f8be_8e77_847c_4d2bffda9843 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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