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 2f95638a_b1e0_03fc_330b_9ea327b250eb["avatar-badge.tsx"] 00c9789a_2f63_b98d_c90d_4d6abf3582ce["avatar"] 2f95638a_b1e0_03fc_330b_9ea327b250eb --> 00c9789a_2f63_b98d_c90d_4d6abf3582ce style 2f95638a_b1e0_03fc_330b_9ea327b250eb fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import {
Avatar,
AvatarBadge,
AvatarFallback,
AvatarImage,
} from "@/examples/base/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/base/avatar-badge.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, 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