LoFi() — ui Function Reference

Architecture documentation for the LoFi() function in index.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ LoFi() — ui Function Reference

Dependency Diagram

graph TD
  927d7e39_b8a5_95d8_02a1_5bc54283b627["LoFi()"]
  3685c3c5_7b28_4d63_0406_402a71e40bff["index.tsx"]
  927d7e39_b8a5_95d8_02a1_5bc54283b627 -->|defined in| 3685c3c5_7b28_4d63_0406_402a71e40bff
  style 927d7e39_b8a5_95d8_02a1_5bc54283b627 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/lo-fi/index.tsx lines 9–26

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