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

page.tsx — ui Source File

Architecture documentation for page.tsx, a tsx file in the ui codebase. 7 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e["page.tsx"]
  e6fcfc92_9809_72f7_1b73_fc341fc8012b["data.json"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> e6fcfc92_9809_72f7_1b73_fc341fc8012b
  076919c8_7495_74cf_849c_0acd12d41080["app-sidebar"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> 076919c8_7495_74cf_849c_0acd12d41080
  1c117e53_139b_14d0_e201_c17253ad9a13["chart-area-interactive"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> 1c117e53_139b_14d0_e201_c17253ad9a13
  5c897c05_5bc7_a9de_e3a2_cdb2d604908c["data-table"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> 5c897c05_5bc7_a9de_e3a2_cdb2d604908c
  1397ca12_76e9_6afe_61a3_2ef3e72246c8["section-cards"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> 1397ca12_76e9_6afe_61a3_2ef3e72246c8
  13c1bbe4_21aa_5cac_b119_aef1cf1e2bab["site-header"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> 13c1bbe4_21aa_5cac_b119_aef1cf1e2bab
  1fee781a_1910_afaa_bb29_21305eb0ae61["sidebar"]
  e40a65cb_4b16_5e9e_188f_e22f36d36f1e --> 1fee781a_1910_afaa_bb29_21305eb0ae61
  style e40a65cb_4b16_5e9e_188f_e22f36d36f1e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { AppSidebar } from "@/registry/bases/radix/blocks/dashboard-01/components/app-sidebar"
import { ChartAreaInteractive } from "@/registry/bases/radix/blocks/dashboard-01/components/chart-area-interactive"
import { DataTable } from "@/registry/bases/radix/blocks/dashboard-01/components/data-table"
import { SectionCards } from "@/registry/bases/radix/blocks/dashboard-01/components/section-cards"
import { SiteHeader } from "@/registry/bases/radix/blocks/dashboard-01/components/site-header"
import {
  SidebarInset,
  SidebarProvider,
} from "@/registry/bases/radix/ui/sidebar"

import data from "./data.json"

export default function Page() {
  return (
    <SidebarProvider
      style={
        {
          "--sidebar-width": "calc(var(--spacing) * 72)",
          "--header-height": "calc(var(--spacing) * 12)",
        } as React.CSSProperties
      }
    >
      <AppSidebar variant="inset" />
      <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>
  )
}

Domain

Subdomains

Functions

Dependencies

  • app-sidebar
  • chart-area-interactive
  • data-table
  • data.json
  • section-cards
  • sidebar
  • site-header

Source

Frequently Asked Questions

What does page.tsx do?
page.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in page.tsx?
page.tsx defines 1 function(s): Page.
What does page.tsx depend on?
page.tsx imports 7 module(s): app-sidebar, chart-area-interactive, data-table, data.json, section-cards, sidebar, site-header.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/registry/bases/radix/blocks/dashboard-01/page.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/bases/radix/blocks/dashboard-01).

Analyze Your Own Codebase

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

Try Supermodel Free