input-group-demo.tsx — ui Source File
Architecture documentation for input-group-demo.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 4c931a9c_6335_0d00_fa38_c8b3ba6500b4["input-group-demo.tsx"] 4a37d855_5768_bc5a_31ae_9f42eba9091a["input-group"] 4c931a9c_6335_0d00_fa38_c8b3ba6500b4 --> 4a37d855_5768_bc5a_31ae_9f42eba9091a d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 4c931a9c_6335_0d00_fa38_c8b3ba6500b4 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style 4c931a9c_6335_0d00_fa38_c8b3ba6500b4 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import {
InputGroup,
InputGroupAddon,
InputGroupInput,
} from "@/examples/base/ui/input-group"
import { Search } from "lucide-react"
export function InputGroupDemo() {
return (
<InputGroup className="max-w-xs">
<InputGroupInput placeholder="Search..." />
<InputGroupAddon>
<Search />
</InputGroupAddon>
<InputGroupAddon align="inline-end">12 results</InputGroupAddon>
</InputGroup>
)
}
Domain
Subdomains
Functions
Dependencies
- input-group
- lucide-react
Source
Frequently Asked Questions
What does input-group-demo.tsx do?
input-group-demo.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 input-group-demo.tsx?
input-group-demo.tsx defines 1 function(s): InputGroupDemo.
What does input-group-demo.tsx depend on?
input-group-demo.tsx imports 2 module(s): input-group, lucide-react.
Where is input-group-demo.tsx in the architecture?
input-group-demo.tsx is located at apps/v4/examples/base/input-group-demo.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