ui Architecture Docs
Home / File/ component-example.tsx — ui Source File

component-example.tsx — ui Source File

Architecture documentation for component-example.tsx, a tsx file in the ui codebase. 13 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 13 imports 3 functions

Entity Profile

Dependency Diagram

graph LR
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5["component-example.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  f56be340_a522_c6f7_dec3_5906873d14c8["example"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> f56be340_a522_c6f7_dec3_5906873d14c8
  0dfc263e_878b_3500_d535_fddc0e0dc915["alert-dialog"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> 0dfc263e_878b_3500_d535_fddc0e0dc915
  bf2d636f_6015_e4c1_8092_f8992858a1ae["badge"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> bf2d636f_6015_e4c1_8092_f8992858a1ae
  7328fa0a_98b6_fe77_42fd_0d1582b24604["button"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> 7328fa0a_98b6_fe77_42fd_0d1582b24604
  deffd1e6_798d_b7fd_c687_7ccabc947893["card"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> deffd1e6_798d_b7fd_c687_7ccabc947893
  8e406608_85e2_f05c_0c22_e16e2defe135["combobox"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> 8e406608_85e2_f05c_0c22_e16e2defe135
  ac307fe4_34c0_4667_089c_c9e7c15ca708["dropdown-menu"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> ac307fe4_34c0_4667_089c_c9e7c15ca708
  8a527dea_9425_3da4_8ceb_ec3058568dc9["field"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> 8a527dea_9425_3da4_8ceb_ec3058568dc9
  106d51d9_3961_e810_478c_8a9c54987d20["input"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> 106d51d9_3961_e810_478c_8a9c54987d20
  d80c6389_7118_33c6_94f6_8ae48c4d9f8b["select"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> d80c6389_7118_33c6_94f6_8ae48c4d9f8b
  b13d50f9_6ce4_55bb_cb91_b23db28c24ab["textarea"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> b13d50f9_6ce4_55bb_cb91_b23db28c24ab
  de6fac54_74ca_6c25_8f8b_d1ba3287dbf2["icon-placeholder"]
  cedc5c6b_d18e_2f24_5540_8e70406dd4c5 --> de6fac54_74ca_6c25_8f8b_d1ba3287dbf2
  style cedc5c6b_d18e_2f24_5540_8e70406dd4c5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"

import {
  Example,
  ExampleWrapper,
} from "@/registry/bases/base/components/example"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogMedia,
  AlertDialogTitle,
  AlertDialogTrigger,
} from "@/registry/bases/base/ui/alert-dialog"
import { Badge } from "@/registry/bases/base/ui/badge"
import { Button } from "@/registry/bases/base/ui/button"
import {
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/registry/bases/base/ui/card"
import {
  Combobox,
  ComboboxContent,
  ComboboxEmpty,
  ComboboxInput,
  ComboboxItem,
  ComboboxList,
} from "@/registry/bases/base/ui/combobox"
import {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuPortal,
  DropdownMenuRadioGroup,
  DropdownMenuRadioItem,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuTrigger,
} from "@/registry/bases/base/ui/dropdown-menu"
import { Field, FieldGroup, FieldLabel } from "@/registry/bases/base/ui/field"
import { Input } from "@/registry/bases/base/ui/input"
import {
  Select,
// ... (604 more lines)

Domain

Subdomains

Functions

Dependencies

  • alert-dialog
  • badge
  • button
  • card
  • combobox
  • dropdown-menu
  • example
  • field
  • icon-placeholder
  • input
  • react
  • select
  • textarea

Source

Frequently Asked Questions

What does component-example.tsx do?
component-example.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 component-example.tsx?
component-example.tsx defines 3 function(s): CardExample, ComponentExample, FormExample.
What does component-example.tsx depend on?
component-example.tsx imports 13 module(s): alert-dialog, badge, button, card, combobox, dropdown-menu, example, field, and 5 more.
Where is component-example.tsx in the architecture?
component-example.tsx is located at apps/v4/registry/bases/base/examples/component-example.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/examples).

Analyze Your Own Codebase

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

Try Supermodel Free