toggle-outline.tsx — ui Source File
Architecture documentation for toggle-outline.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 366fae14_fe71_d880_2094_bc2a96f39740["toggle-outline.tsx"] aeabab9d_abdd_2dc1_c232_ef56309b80d2["toggle"] 366fae14_fe71_d880_2094_bc2a96f39740 --> aeabab9d_abdd_2dc1_c232_ef56309b80d2 d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 366fae14_fe71_d880_2094_bc2a96f39740 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style 366fae14_fe71_d880_2094_bc2a96f39740 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { Toggle } from "@/examples/base/ui/toggle"
import { BoldIcon, ItalicIcon } from "lucide-react"
export function ToggleOutline() {
return (
<div className="flex flex-wrap items-center gap-2">
<Toggle variant="outline" aria-label="Toggle italic">
<ItalicIcon />
Italic
</Toggle>
<Toggle variant="outline" aria-label="Toggle bold">
<BoldIcon />
Bold
</Toggle>
</div>
)
}
Domain
Subdomains
Functions
Dependencies
- lucide-react
- toggle
Source
Frequently Asked Questions
What does toggle-outline.tsx do?
toggle-outline.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 toggle-outline.tsx?
toggle-outline.tsx defines 1 function(s): ToggleOutline.
What does toggle-outline.tsx depend on?
toggle-outline.tsx imports 2 module(s): lucide-react, toggle.
Where is toggle-outline.tsx in the architecture?
toggle-outline.tsx is located at apps/v4/examples/base/toggle-outline.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