ui Architecture Docs
Home / File/ layout.tsx — ui Source File

layout.tsx — ui Source File

Architecture documentation for layout.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 4 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  62c3c472_b815_e2bd_49eb_0c9bf5838e65["layout.tsx"]
  cce19b8b_ad0a_042e_a83f_b21457a79caa["headers"]
  62c3c472_b815_e2bd_49eb_0c9bf5838e65 --> cce19b8b_ad0a_042e_a83f_b21457a79caa
  12632a83_ef01_5f03_4110_ed33d49893b7["sidebar"]
  62c3c472_b815_e2bd_49eb_0c9bf5838e65 --> 12632a83_ef01_5f03_4110_ed33d49893b7
  d153e988_e804_c350_2999_3cd327c2ee34["app-sidebar"]
  62c3c472_b815_e2bd_49eb_0c9bf5838e65 --> d153e988_e804_c350_2999_3cd327c2ee34
  7465cc3b_1aa3_b705_67e2_63be446e896b["site-header"]
  62c3c472_b815_e2bd_49eb_0c9bf5838e65 --> 7465cc3b_1aa3_b705_67e2_63be446e896b
  style 62c3c472_b815_e2bd_49eb_0c9bf5838e65 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cookies } from "next/headers"

import {
  SidebarInset,
  SidebarProvider,
} from "@/registry/new-york-v4/ui/sidebar"
import { AppSidebar } from "@/app/(examples)/dashboard-03/components/app-sidebar"
import { SiteHeader } from "@/app/(examples)/dashboard-03/components/site-header"

export default async function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  const cookieStore = await cookies()
  const defaultOpen = cookieStore.get("sidebar_state")?.value === "true"

  return (
    <main className="[--header-height:calc(theme(spacing.14))]">
      <SidebarProvider defaultOpen={defaultOpen} className="flex flex-col">
        <SiteHeader />
        <div className="flex flex-1">
          <AppSidebar />
          <SidebarInset>{children}</SidebarInset>
        </div>
      </SidebarProvider>
    </main>
  )
}

Domain

Subdomains

Functions

Dependencies

  • app-sidebar
  • headers
  • sidebar
  • site-header

Source

Frequently Asked Questions

What does layout.tsx do?
layout.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in layout.tsx?
layout.tsx defines 1 function(s): DashboardLayout.
What does layout.tsx depend on?
layout.tsx imports 4 module(s): app-sidebar, headers, sidebar, site-header.
Where is layout.tsx in the architecture?
layout.tsx is located at apps/v4/app/(examples)/dashboard-03/layout.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(examples)/dashboard-03).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free