avatar-badge.tsx — ui Source File
Architecture documentation for avatar-badge.tsx, a tsx file in the ui codebase. 1 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR d90c53c6_e991_eed2_b8b1_cf6f357202a9["avatar-badge.tsx"] ec3aa9ae_e596_5628_1560_c37c71899cb4["avatar"] d90c53c6_e991_eed2_b8b1_cf6f357202a9 --> ec3aa9ae_e596_5628_1560_c37c71899cb4 style d90c53c6_e991_eed2_b8b1_cf6f357202a9 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import {
Avatar,
AvatarBadge,
AvatarFallback,
AvatarImage,
} from "@/examples/radix/ui/avatar"
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>
)
}
Domain
Subdomains
Functions
Dependencies
- avatar
Source
Frequently Asked Questions
What does avatar-badge.tsx do?
avatar-badge.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in avatar-badge.tsx?
avatar-badge.tsx defines 1 function(s): AvatarWithBadge.
What does avatar-badge.tsx depend on?
avatar-badge.tsx imports 1 module(s): avatar.
Where is avatar-badge.tsx in the architecture?
avatar-badge.tsx is located at apps/v4/examples/radix/avatar-badge.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/radix).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free