AppLayout() — ui Function Reference

Architecture documentation for the AppLayout() function in layout.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AppLayout() — ui Function Reference

Dependency Diagram

graph TD
  2f8fd6d1_9ae7_3ae4_1710_bb69cb996756["AppLayout()"]
  0366394a_3639_eb36_6115_2fa7a938d6bc["layout.tsx"]
  2f8fd6d1_9ae7_3ae4_1710_bb69cb996756 -->|defined in| 0366394a_3639_eb36_6115_2fa7a938d6bc
  style 2f8fd6d1_9ae7_3ae4_1710_bb69cb996756 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/layout.tsx lines 4–15

export default function AppLayout({ children }: { children: React.ReactNode }) {
  return (
    <div
      data-slot="layout"
      className="bg-background relative z-10 flex min-h-svh flex-col"
    >
      <SiteHeader />
      <main className="flex flex-1 flex-col">{children}</main>
      <SiteFooter />
    </div>
  )
}