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 1adfe0cb_55a9_ae6c_ebf3_7002f9d1a09d["toggle-outline.tsx"] 61901fff_e0e9_9e5b_700d_48033d37776d["toggle"] 1adfe0cb_55a9_ae6c_ebf3_7002f9d1a09d --> 61901fff_e0e9_9e5b_700d_48033d37776d d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] 1adfe0cb_55a9_ae6c_ebf3_7002f9d1a09d --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style 1adfe0cb_55a9_ae6c_ebf3_7002f9d1a09d fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { Toggle } from "@/examples/radix/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/radix/toggle-outline.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/radix).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free