avatar-badge-icon.tsx — ui Source File
Architecture documentation for avatar-badge-icon.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR d61928af_d3e3_009a_d863_0ae423c003b8["avatar-badge-icon.tsx"] ec3aa9ae_e596_5628_1560_c37c71899cb4["avatar"] d61928af_d3e3_009a_d863_0ae423c003b8 --> ec3aa9ae_e596_5628_1560_c37c71899cb4 d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] d61928af_d3e3_009a_d863_0ae423c003b8 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style d61928af_d3e3_009a_d863_0ae423c003b8 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import {
Avatar,
AvatarBadge,
AvatarFallback,
AvatarImage,
} from "@/examples/radix/ui/avatar"
import { PlusIcon } from "lucide-react"
export function AvatarBadgeIconExample() {
return (
<Avatar className="grayscale">
<AvatarImage src="https://github.com/pranathip.png" alt="@pranathip" />
<AvatarFallback>PP</AvatarFallback>
<AvatarBadge>
<PlusIcon />
</AvatarBadge>
</Avatar>
)
}
Domain
Subdomains
Functions
Dependencies
- avatar
- lucide-react
Source
Frequently Asked Questions
What does avatar-badge-icon.tsx do?
avatar-badge-icon.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, ContentSourcing subdomain.
What functions are defined in avatar-badge-icon.tsx?
avatar-badge-icon.tsx defines 1 function(s): AvatarBadgeIconExample.
What does avatar-badge-icon.tsx depend on?
avatar-badge-icon.tsx imports 2 module(s): avatar, lucide-react.
Where is avatar-badge-icon.tsx in the architecture?
avatar-badge-icon.tsx is located at apps/v4/examples/radix/avatar-badge-icon.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, 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