index.tsx — ui Source File

Architecture documentation for index.tsx, a tsx file in the ui codebase. 3 imports, 0 dependents.

File tsx Internationalization RTLLayout 3 imports 1 functions

Entity Profile

Internationalization→ RTLLayout→ index.tsx — ui Source File

Dependency Diagram

graph LR
  3685c3c5_7b28_4d63_0406_402a71e40bff["index.tsx"]
  f48e5a35_a925_e5df_21ba_2aba673dc132["accordion"]
  3685c3c5_7b28_4d63_0406_402a71e40bff --> f48e5a35_a925_e5df_21ba_2aba673dc132
  54d31a86_abe2_b186_cb2b_23066a2ef84a["alert"]
  3685c3c5_7b28_4d63_0406_402a71e40bff --> 54d31a86_abe2_b186_cb2b_23066a2ef84a
  c28cb1f7_900c_f747_feca_483a046deac2["component"]
  3685c3c5_7b28_4d63_0406_402a71e40bff --> c28cb1f7_900c_f747_feca_483a046deac2
  style 3685c3c5_7b28_4d63_0406_402a71e40bff fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { AccordionLoFi } from "@/components/lo-fi/accordion"
import { AlertLoFi } from "@/components/lo-fi/alert"
import {
  Component,
  ComponentContent,
  ComponentName,
} from "@/components/lo-fi/component"

export function LoFi() {
  return (
    <div className="mx-auto grid max-w-[350px] gap-6 sm:max-w-none sm:grid-cols-2">
      <Component href="/docs/components/accordion">
        <ComponentContent>
          <AccordionLoFi />
        </ComponentContent>
        <ComponentName>Accordion</ComponentName>
      </Component>
      <Component href="/docs/components/alert">
        <ComponentContent>
          <AlertLoFi />
        </ComponentContent>
        <ComponentName>Alert</ComponentName>
      </Component>
    </div>
  )
}