badge-icon.tsx — ui Source File
Architecture documentation for badge-icon.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 7fbfd76c_0591_da4d_e1d0_b2d9e99923a6["badge-icon.tsx"] 9b75df2e_777a_32c5_f7c8_57d1bba676c7["badge"] 7fbfd76c_0591_da4d_e1d0_b2d9e99923a6 --> 9b75df2e_777a_32c5_f7c8_57d1bba676c7 d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 7fbfd76c_0591_da4d_e1d0_b2d9e99923a6 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style 7fbfd76c_0591_da4d_e1d0_b2d9e99923a6 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { Badge } from "@/examples/base/ui/badge"
import { BadgeCheck, BookmarkIcon } from "lucide-react"
export function BadgeWithIconLeft() {
return (
<div className="flex flex-wrap gap-2">
<Badge variant="secondary">
<BadgeCheck data-icon="inline-start" />
Verified
</Badge>
<Badge variant="outline">
Bookmark
<BookmarkIcon data-icon="inline-end" />
</Badge>
</div>
)
}
Domain
Subdomains
Functions
Dependencies
- badge
- lucide-react
Source
Frequently Asked Questions
What does badge-icon.tsx do?
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 badge-icon.tsx?
badge-icon.tsx defines 1 function(s): BadgeWithIconLeft.
What does badge-icon.tsx depend on?
badge-icon.tsx imports 2 module(s): badge, lucide-react.
Where is badge-icon.tsx in the architecture?
badge-icon.tsx is located at apps/v4/examples/base/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