RootLayout() — ui Function Reference

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

Function tsx ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ RootLayout() — ui Function Reference

Dependency Diagram

graph TD
  ba800012_b038_4d10_a5cb_2aff002c0583["RootLayout()"]
  747da560_9d19_74c8_bee7_b770b4e86f80["layout.tsx"]
  ba800012_b038_4d10_a5cb_2aff002c0583 -->|defined in| 747da560_9d19_74c8_bee7_b770b4e86f80
  style ba800012_b038_4d10_a5cb_2aff002c0583 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

templates/monorepo-next/apps/web/app/layout.tsx lines 16–30

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        className={`${fontSans.variable} ${fontMono.variable} font-sans antialiased `}
      >
        <Providers>{children}</Providers>
      </body>
    </html>
  )
}