AccordionLoFi() — ui Function Reference

Architecture documentation for the AccordionLoFi() function in accordion.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ AccordionLoFi() — ui Function Reference

Dependency Diagram

graph TD
  5d51b5be_f67e_7711_ae6e_bed5e90eb72a["AccordionLoFi()"]
  98af374a_ca7e_432e_c538_f6f444c5519f["accordion.tsx"]
  5d51b5be_f67e_7711_ae6e_bed5e90eb72a -->|defined in| 98af374a_ca7e_432e_c538_f6f444c5519f
  style 5d51b5be_f67e_7711_ae6e_bed5e90eb72a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/lo-fi/accordion.tsx lines 5–32

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>
  )
}