Page() — ui Function Reference

Architecture documentation for the Page() function in page.tsx from the ui codebase.

Function tsx ApplicationExhibition Authentication

Entity Profile

ApplicationExhibition→ Authentication→ Page() — ui Function Reference

Dependency Diagram

graph TD
  3b980399_5841_213a_3c45_ae072030b64f["Page()"]
  224e300d_d98f_d35f_1557_afe2ddf5d3ad["page.tsx"]
  3b980399_5841_213a_3c45_ae072030b64f -->|defined in| 224e300d_d98f_d35f_1557_afe2ddf5d3ad
  style 3b980399_5841_213a_3c45_ae072030b64f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/examples/dashboard/page.tsx lines 15–63

export default function Page() {
  return (
    <>
      <div className="md:hidden">
        <Image
          src="/examples/dashboard-light.png"
          width={1280}
          height={843}
          alt="Authentication"
          className="block dark:hidden"
          priority
        />
        <Image
          src="/examples/dashboard-dark.png"
          width={1280}
          height={843}
          alt="Authentication"
          className="hidden dark:block"
          priority
        />
      </div>
      <SidebarProvider
        className="hidden md:flex"
        style={
          {
            "--sidebar-width": "calc(var(--spacing) * 64)",
            "--header-height": "calc(var(--spacing) * 12 + 1px)",
          } as React.CSSProperties
        }
      >
        <AppSidebar variant="sidebar" />
        <SidebarInset>
          <SiteHeader />
          <div className="flex flex-1 flex-col">
            <div className="@container/main flex flex-1 flex-col gap-2">
              <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
                <SectionCards />
                <div className="px-4 lg:px-6">
                  <ChartAreaInteractive />
                </div>
                <DataTable data={data} />
              </div>
            </div>
          </div>
        </SidebarInset>
      </SidebarProvider>
    </>
  )
}