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. 11 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 11 imports 5 functions

Entity Profile

Dependency Diagram

graph LR
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf["page.tsx"]
  9c1a1e1b_87f8_29d5_c12d_e83869cf94e4["next"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 9c1a1e1b_87f8_29d5_c12d_e83869cf94e4
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 57e86e45_ac6e_7278_be08_9092724e8401
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  d752035b_6ed3_c6ef_e27c_eef51af9ec8d["label"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> d752035b_6ed3_c6ef_e27c_eef51af9ec8d
  c2fa7225_1ddd_1cbc_8810_ee5e42af14d6["select"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> c2fa7225_1ddd_1cbc_8810_ee5e42af14d6
  38ebb3c2_9638_6c9d_8ced_a16ec1ff06c9["switch"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 38ebb3c2_9638_6c9d_8ced_a16ec1ff06c9
  5588a3c6_3f1c_be79_74b5_2ce85fdc05dc["table"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> 5588a3c6_3f1c_be79_74b5_2ce85fdc05dc
  ceb41313_de2c_98d6_0449_ab5301fbc3d3["tabs"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf --> ceb41313_de2c_98d6_0449_ab5301fbc3d3
  style b0a970a4_36a9_5983_bb33_06cc9a64b2bf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { type Metadata } from "next"

import { cn } from "@/lib/utils"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/registry/new-york-v4/ui/card"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import { Input } from "@/registry/new-york-v4/ui/input"
import { Label } from "@/registry/new-york-v4/ui/label"
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectLabel,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"
import { Switch } from "@/registry/new-york-v4/ui/switch"
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/registry/new-york-v4/ui/table"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/new-york-v4/ui/tabs"

export const metadata: Metadata = {
  title: "Settings",
  description: "Manage your account settings",
}

const timezones = [
  {
    label: "Americas",
    timezones: [
      { value: "America/New_York", label: "(GMT-5) New York" },
      { value: "America/Los_Angeles", label: "(GMT-8) Los Angeles" },
      { value: "America/Chicago", label: "(GMT-6) Chicago" },
      { value: "America/Toronto", label: "(GMT-5) Toronto" },
      { value: "America/Vancouver", label: "(GMT-8) Vancouver" },
      { value: "America/Sao_Paulo", label: "(GMT-3) São Paulo" },
    ],
  },
  {
    label: "Europe",
// ... (441 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • card
  • checkbox
  • input
  • label
  • next
  • select
  • switch
  • table
  • tabs
  • utils

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 DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in page.tsx?
page.tsx defines 5 function(s): Field, FieldControl, FieldDescription, FieldGroup, SettingsPage.
What does page.tsx depend on?
page.tsx imports 11 module(s): button, card, checkbox, input, label, next, select, switch, and 3 more.
Where is page.tsx in the architecture?
page.tsx is located at apps/v4/app/(examples)/dashboard-03/settings/page.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(examples)/dashboard-03/settings).

Analyze Your Own Codebase

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

Try Supermodel Free