toggle-demo.tsx — ui Source File
Architecture documentation for toggle-demo.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 969bbe2f_eec9_b53d_670c_86aee463cdf6["toggle-demo.tsx"] d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 969bbe2f_eec9_b53d_670c_86aee463cdf6 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 9f31239d_4d4f_f1b1_7ff3_ec54f2392841["toggle"] 969bbe2f_eec9_b53d_670c_86aee463cdf6 --> 9f31239d_4d4f_f1b1_7ff3_ec54f2392841 style 969bbe2f_eec9_b53d_670c_86aee463cdf6 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { BookmarkIcon } from "lucide-react"
import { Toggle } from "@/registry/new-york-v4/ui/toggle"
export default function ToggleDemo() {
return (
<Toggle
aria-label="Toggle bookmark"
size="sm"
variant="outline"
className="data-[state=on]:bg-transparent data-[state=on]:*:[svg]:fill-blue-500 data-[state=on]:*:[svg]:stroke-blue-500"
>
<BookmarkIcon />
Bookmark
</Toggle>
)
}
Domain
Subdomains
Functions
Dependencies
- lucide-react
- toggle
Source
Frequently Asked Questions
What does toggle-demo.tsx do?
toggle-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in toggle-demo.tsx?
toggle-demo.tsx defines 1 function(s): ToggleDemo.
What does toggle-demo.tsx depend on?
toggle-demo.tsx imports 2 module(s): lucide-react, toggle.
Where is toggle-demo.tsx in the architecture?
toggle-demo.tsx is located at apps/v4/registry/new-york-v4/examples/toggle-demo.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/new-york-v4/examples).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free