ui Architecture Docs
Home / File/ accordion.tsx — ui Source File

accordion.tsx — ui Source File

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

File tsx Internationalization RTLLayout 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  98af374a_ca7e_432e_c538_f6f444c5519f["accordion.tsx"]
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  98af374a_ca7e_432e_c538_f6f444c5519f --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  9215b8d6_d2f4_9f5a_aae2_e346f8b8fbc6["atom"]
  98af374a_ca7e_432e_c538_f6f444c5519f --> 9215b8d6_d2f4_9f5a_aae2_e346f8b8fbc6
  style 98af374a_ca7e_432e_c538_f6f444c5519f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"

import { Atom } from "@/components/lo-fi/atom"

export function AccordionLoFi() {
  return (
    <div className="flex flex-col">
      <div className="flex flex-col gap-1 border-b py-2">
        <div className="flex items-center justify-between">
          <Atom shade="300" className="h-2 w-1/3" />
          <ChevronDownIcon className="size-3" />
        </div>
      </div>
      <div className="flex flex-col gap-1 border-b py-2">
        <div className="flex items-center justify-between">
          <Atom shade="300" className="h-2 w-1/2" />
          <ChevronUpIcon className="size-3" />
        </div>
        <div className="flex flex-col gap-1.5">
          <Atom shade="200" className="h-2 w-2/3" />
          <Atom shade="200" className="h-2 w-1/3" />
        </div>
      </div>
      <div className="flex flex-col gap-1 py-2">
        <div className="flex items-center justify-between">
          <Atom shade="300" className="h-2 w-2/3" />
          <ChevronDownIcon className="size-3" />
        </div>
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • atom
  • lucide-react

Source

Frequently Asked Questions

What does accordion.tsx do?
accordion.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, RTLLayout subdomain.
What functions are defined in accordion.tsx?
accordion.tsx defines 1 function(s): AccordionLoFi.
What does accordion.tsx depend on?
accordion.tsx imports 2 module(s): atom, lucide-react.
Where is accordion.tsx in the architecture?
accordion.tsx is located at apps/v4/components/lo-fi/accordion.tsx (domain: Internationalization, subdomain: RTLLayout, directory: apps/v4/components/lo-fi).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free