ui Architecture Docs
Home / File/ item-demo.tsx — ui Source File

item-demo.tsx — ui Source File

Architecture documentation for item-demo.tsx, a tsx file in the ui codebase. 10 imports, 1 dependents.

File tsx DocumentationAtlas SearchAPI 10 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  6ba856da_423f_8199_f2d3_6c734877cb1c["item-demo.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  39a0d62e_8e7d_d097_eb95_91d2bca361f7["icons-react"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 39a0d62e_8e7d_d097_eb95_91d2bca361f7
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  550576ca_32fe_8288_72d6_10281189833b["avatar"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 550576ca_32fe_8288_72d6_10281189833b
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 57e86e45_ac6e_7278_be08_9092724e8401
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  58f4fa76_4350_6209_54e6_f19a58e0eda4["item"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 58f4fa76_4350_6209_54e6_f19a58e0eda4
  586bc556_dd23_86ef_eaf4_bdd7855462d9["progress"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> 586bc556_dd23_86ef_eaf4_bdd7855462d9
  fbc10cc4_98a7_35a6_e46c_d9966aba9ad2["spinner"]
  6ba856da_423f_8199_f2d3_6c734877cb1c --> fbc10cc4_98a7_35a6_e46c_d9966aba9ad2
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 6ba856da_423f_8199_f2d3_6c734877cb1c
  style 6ba856da_423f_8199_f2d3_6c734877cb1c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as React from "react"
import Image from "next/image"
import { IconChevronRight, IconDownload } from "@tabler/icons-react"
import { PlusIcon, TicketIcon } from "lucide-react"

import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/registry/new-york-v4/ui/avatar"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Field,
  FieldContent,
  FieldDescription,
  FieldLabel,
  FieldTitle,
} from "@/registry/new-york-v4/ui/field"
import {
  Item,
  ItemActions,
  ItemContent,
  ItemDescription,
  ItemFooter,
  ItemGroup,
  ItemHeader,
  ItemMedia,
  ItemSeparator,
  ItemTitle,
} from "@/registry/new-york-v4/ui/item"
import { Progress } from "@/registry/new-york-v4/ui/progress"
import { Spinner } from "@/registry/new-york-v4/ui/spinner"

const people = [
  {
    username: "shadcn",
    avatar: "https://github.com/shadcn.png",
    message: "Just shipped a component that fixes itself",
  },
  {
    username: "pranathip",
    avatar: "https://github.com/pranathip.png",
    message: "My code is so clean, it does its own laundry",
  },
  {
    username: "evilrabbit",
    avatar: "https://github.com/evilrabbit.png",
    message:
      "Debugging is like being a detective in a crime movie where you're also the murderer",
  },
  {
    username: "maxleiter",
    avatar: "https://github.com/maxleiter.png",
    message:
      "I don't always test my code, but when I do, I test it in production",
  },
]

const music = [
  {
// ... (333 more lines)

Domain

Subdomains

Functions

Dependencies

  • avatar
  • button
  • field
  • icons-react
  • image
  • item
  • lucide-react
  • progress
  • react
  • spinner

Imported By

Source

Frequently Asked Questions

What does item-demo.tsx do?
item-demo.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 item-demo.tsx?
item-demo.tsx defines 1 function(s): ItemDemo.
What does item-demo.tsx depend on?
item-demo.tsx imports 10 module(s): avatar, button, field, icons-react, image, item, lucide-react, progress, and 2 more.
What files import item-demo.tsx?
item-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is item-demo.tsx in the architecture?
item-demo.tsx is located at apps/v4/app/(internal)/sink/components/item-demo.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

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

Try Supermodel Free