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

index.tsx — ui Source File

Architecture documentation for index.tsx, a tsx file in the ui codebase. 12 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 12 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  f6479803_00a2_7f44_7c10_b8929e9d96e3["index.tsx"]
  dd8391df_4be3_d6c7_6d38_82c09f4d279e["activity-goal"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> dd8391df_4be3_d6c7_6d38_82c09f4d279e
  b29b8f89_ec0f_bb99_ec71_42bb4e2e2dff["calendar"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> b29b8f89_ec0f_bb99_ec71_42bb4e2e2dff
  9b882e92_c5fd_5fa2_3b24_66b693404b65["chat"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 9b882e92_c5fd_5fa2_3b24_66b693404b65
  2363c5a3_750b_d76d_960c_5ca0dfbe2d57["cookie-settings"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 2363c5a3_750b_d76d_960c_5ca0dfbe2d57
  4c367cf5_54ac_b820_6ee6_b0d76f24a1ec["create-account"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 4c367cf5_54ac_b820_6ee6_b0d76f24a1ec
  563be5bb_8665_10c7_c2c0_7740a9ab3e73["data-table"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 563be5bb_8665_10c7_c2c0_7740a9ab3e73
  3be3d135_b472_e13f_5930_72aaa2af06d2["metric"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 3be3d135_b472_e13f_5930_72aaa2af06d2
  9ca6c487_8d09_6619_d3e7_3284b93cff98["payment-method"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 9ca6c487_8d09_6619_d3e7_3284b93cff98
  035bba15_79db_40bd_4fb1_a247da8743a3["report-issue"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 035bba15_79db_40bd_4fb1_a247da8743a3
  47ea9893_0853_6b5a_bfe0_e1e103d6eccf["share"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 47ea9893_0853_6b5a_bfe0_e1e103d6eccf
  95420407_3380_7515_cfff_1b172d6df91c["stats"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 95420407_3380_7515_cfff_1b172d6df91c
  4c7529cb_9c20_25a4_4769_10f05603454e["team-members"]
  f6479803_00a2_7f44_7c10_b8929e9d96e3 --> 4c7529cb_9c20_25a4_4769_10f05603454e
  style f6479803_00a2_7f44_7c10_b8929e9d96e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { CardsActivityGoal } from "@/components/cards/activity-goal"
import { CardsCalendar } from "@/components/cards/calendar"
import { CardsChat } from "@/components/cards/chat"
import { CardsCookieSettings } from "@/components/cards/cookie-settings"
import { CardsCreateAccount } from "@/components/cards/create-account"
import { CardsDataTable } from "@/components/cards/data-table"
import { CardsMetric } from "@/components/cards/metric"
import { CardsPaymentMethod } from "@/components/cards/payment-method"
import { CardsReportIssue } from "@/components/cards/report-issue"
import { CardsShare } from "@/components/cards/share"
import { CardsStats } from "@/components/cards/stats"
import { CardsTeamMembers } from "@/components/cards/team-members"

export function CardsDemo() {
  return (
    <div className="md:grids-col-2 grid md:gap-4 lg:grid-cols-10 xl:grid-cols-11 xl:gap-4">
      <div className="space-y-4 lg:col-span-4 xl:col-span-6 xl:space-y-4">
        <CardsStats />
        <div className="grid gap-1 sm:grid-cols-[260px_1fr] md:hidden">
          <CardsCalendar />
          <div className="pt-3 sm:pl-2 sm:pt-0 xl:pl-4">
            <CardsActivityGoal />
          </div>
          <div className="pt-3 sm:col-span-2 xl:pt-4">
            <CardsMetric />
          </div>
        </div>
        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2">
          <div className="space-y-4 xl:space-y-4">
            <CardsTeamMembers />
            <CardsCookieSettings />
            <CardsPaymentMethod />
          </div>
          <div className="space-y-4 xl:space-y-4">
            <CardsChat />
            <CardsCreateAccount />
            <div className="hidden xl:block">
              <CardsReportIssue />
            </div>
          </div>
        </div>
      </div>
      <div className="space-y-4 lg:col-span-6 xl:col-span-5 xl:space-y-4">
        <div className="hidden gap-1 sm:grid-cols-[260px_1fr] md:grid">
          <CardsCalendar />
          <div className="pt-3 sm:pl-2 sm:pt-0 xl:pl-3">
            <CardsActivityGoal />
          </div>
          <div className="pt-3 sm:col-span-2 xl:pt-3">
            <CardsMetric />
          </div>
        </div>
        <div className="hidden md:block">
          <CardsDataTable />
        </div>
        <CardsShare />
        <div className="xl:hidden">
          <CardsReportIssue />
        </div>
      </div>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • activity-goal
  • calendar
  • chat
  • cookie-settings
  • create-account
  • data-table
  • metric
  • payment-method
  • report-issue
  • share
  • stats
  • team-members

Source

Frequently Asked Questions

What does index.tsx do?
index.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in index.tsx?
index.tsx defines 1 function(s): CardsDemo.
What does index.tsx depend on?
index.tsx imports 12 module(s): activity-goal, calendar, chat, cookie-settings, create-account, data-table, metric, payment-method, and 4 more.
Where is index.tsx in the architecture?
index.tsx is located at deprecated/www/components/cards/index.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/components/cards).

Analyze Your Own Codebase

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

Try Supermodel Free