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 405b3892_858e_ab7b_7880_6bcf01b9cc5d["avatar-badge-icon.tsx"] 00c9789a_2f63_b98d_c90d_4d6abf3582ce["avatar"] 405b3892_858e_ab7b_7880_6bcf01b9cc5d --> 00c9789a_2f63_b98d_c90d_4d6abf3582ce d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 405b3892_858e_ab7b_7880_6bcf01b9cc5d --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style 405b3892_858e_ab7b_7880_6bcf01b9cc5d fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import {
Avatar,
AvatarBadge,
AvatarFallback,
AvatarImage,
} from "@/examples/base/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/base/avatar-badge-icon.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, directory: apps/v4/examples/base).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free