Home / File/ products-table.tsx — ui Source File

products-table.tsx — ui Source File

Architecture documentation for products-table.tsx, a tsx file in the ui codebase. 10 imports, 0 dependents.

File tsx DocumentationAtlas Changelog 10 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492["products-table.tsx"]
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  4c79c55d_d834_3cdd_ce17_cc4f4eb47d55["badge"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> 4c79c55d_d834_3cdd_ce17_cc4f4eb47d55
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> 57e86e45_ac6e_7278_be08_9092724e8401
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  d1cb37f2_0d1d_01bc_0d60_a15219afac51["dropdown-menu"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> d1cb37f2_0d1d_01bc_0d60_a15219afac51
  703677d1_b1d6_a7bb_237d_cb9d6da02bf7["pagination"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> 703677d1_b1d6_a7bb_237d_cb9d6da02bf7
  c2fa7225_1ddd_1cbc_8810_ee5e42af14d6["select"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> c2fa7225_1ddd_1cbc_8810_ee5e42af14d6
  5588a3c6_3f1c_be79_74b5_2ce85fdc05dc["table"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> 5588a3c6_3f1c_be79_74b5_2ce85fdc05dc
  ceb41313_de2c_98d6_0449_ab5301fbc3d3["tabs"]
  4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 --> ceb41313_de2c_98d6_0449_ab5301fbc3d3
  style 4ca136bc_9bbb_e219_2d45_2fb7dbb0a492 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  ArrowUpDownIcon,
  EllipsisVerticalIcon,
  ListFilterIcon,
  PlusIcon,
} from "lucide-react"

import { Badge } from "@/registry/new-york-v4/ui/badge"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Card,
  CardContent,
  CardFooter,
  CardHeader,
} from "@/registry/new-york-v4/ui/card"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@/registry/new-york-v4/ui/dropdown-menu"
import {
  Pagination,
  PaginationContent,
  PaginationEllipsis,
  PaginationItem,
  PaginationLink,
  PaginationNext,
  PaginationPrevious,
} from "@/registry/new-york-v4/ui/pagination"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/registry/new-york-v4/ui/table"
import { Tabs, TabsList, TabsTrigger } from "@/registry/new-york-v4/ui/tabs"

export function ProductsTable({
  products,
}: {
  products: {
    id: string
    name: string
    price: number
    stock: number
    dateAdded: string
    status: string
  }[]
}) {
// ... (158 more lines)

Subdomains

Functions

Dependencies

  • badge
  • button
  • card
  • checkbox
  • dropdown-menu
  • lucide-react
  • pagination
  • select
  • table
  • tabs

Frequently Asked Questions

What does products-table.tsx do?
products-table.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in products-table.tsx?
products-table.tsx defines 1 function(s): ProductsTable.
What does products-table.tsx depend on?
products-table.tsx imports 10 module(s): badge, button, card, checkbox, dropdown-menu, lucide-react, pagination, select, and 2 more.
Where is products-table.tsx in the architecture?
products-table.tsx is located at apps/v4/app/(examples)/dashboard-03/components/products-table.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(examples)/dashboard-03/components).

Analyze Your Own Codebase

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

Try Supermodel Free