ui Architecture Docs
Home / File/ tabs-icons.tsx — ui Source File

tabs-icons.tsx — ui Source File

Architecture documentation for tabs-icons.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx DocumentationAtlas Changelog 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  d9a034c7_a911_0b16_a2ed_1d10f90a595a["tabs-icons.tsx"]
  c0c0320c_6788_9862_3f6a_ddb9a0a1d960["tabs"]
  d9a034c7_a911_0b16_a2ed_1d10f90a595a --> c0c0320c_6788_9862_3f6a_ddb9a0a1d960
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  d9a034c7_a911_0b16_a2ed_1d10f90a595a --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  style d9a034c7_a911_0b16_a2ed_1d10f90a595a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Tabs, TabsList, TabsTrigger } from "@/examples/base/ui/tabs"
import { AppWindowIcon, CodeIcon } from "lucide-react"

export function TabsIcons() {
  return (
    <Tabs defaultValue="preview">
      <TabsList>
        <TabsTrigger value="preview">
          <AppWindowIcon />
          Preview
        </TabsTrigger>
        <TabsTrigger value="code">
          <CodeIcon />
          Code
        </TabsTrigger>
      </TabsList>
    </Tabs>
  )
}

Domain

Subdomains

Functions

Dependencies

  • lucide-react
  • tabs

Source

Frequently Asked Questions

What does tabs-icons.tsx do?
tabs-icons.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in tabs-icons.tsx?
tabs-icons.tsx defines 1 function(s): TabsIcons.
What does tabs-icons.tsx depend on?
tabs-icons.tsx imports 2 module(s): lucide-react, tabs.
Where is tabs-icons.tsx in the architecture?
tabs-icons.tsx is located at apps/v4/examples/base/tabs-icons.tsx (domain: DocumentationAtlas, subdomain: Changelog, 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