sink.tsx — ui Source File

Architecture documentation for sink.tsx, a tsx file in the ui codebase. 54 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 54 imports 1 functions

Entity Profile

ComponentRegistry→ UIPrimitives→ sink.tsx — ui Source File

Dependency Diagram

graph LR
  91b185b8_84c3_12dc_8b9d_8efaea464d75["sink.tsx"]
  75e3a368_dbef_2417_0ab5_aefa84892ebb["accordion-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 75e3a368_dbef_2417_0ab5_aefa84892ebb
  9834a6ce_025e_39ea_f808_5f01d5bc82aa["alert-dialog-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 9834a6ce_025e_39ea_f808_5f01d5bc82aa
  24f9f521_3b1e_b05d_5d6c_9bde94d01159["alert-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 24f9f521_3b1e_b05d_5d6c_9bde94d01159
  2d4bb5cf_5d42_6446_c1d9_d5c48fdd215f["aspect-ratio-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 2d4bb5cf_5d42_6446_c1d9_d5c48fdd215f
  9b2b1b12_cfb4_2a64_0a8b_1a8c12625ca0["avatar-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 9b2b1b12_cfb4_2a64_0a8b_1a8c12625ca0
  ce72710a_194f_4b0a_4d04_4ddfc76657d9["badge-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> ce72710a_194f_4b0a_4d04_4ddfc76657d9
  91aff9c1_e002_93a3_d9d9_42817a35e500["breadcrumb-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 91aff9c1_e002_93a3_d9d9_42817a35e500
  0926e8da_39a9_e8ec_f425_a5463ef73cb4["button-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 0926e8da_39a9_e8ec_f425_a5463ef73cb4
  e722001b_2648_7219_0e01_739c657c7f35["button-group-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> e722001b_2648_7219_0e01_739c657c7f35
  10652d98_31d0_9b20_2d6f_dc4664b002a2["calendar-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 10652d98_31d0_9b20_2d6f_dc4664b002a2
  5de18cfc_55b0_05d6_187e_fb8bf899a0df["card-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 5de18cfc_55b0_05d6_187e_fb8bf899a0df
  55199d37_c1d1_a1b9_b5c4_4c6346069984["carousel-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 55199d37_c1d1_a1b9_b5c4_4c6346069984
  392d500d_3a2b_df0d_9b38_fff96698c53d["chart-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 392d500d_3a2b_df0d_9b38_fff96698c53d
  9a6f8db0_a6f6_2e4e_f149_c3c43ea8e3c7["checkbox-example"]
  91b185b8_84c3_12dc_8b9d_8efaea464d75 --> 9a6f8db0_a6f6_2e4e_f149_c3c43ea8e3c7
  style 91b185b8_84c3_12dc_8b9d_8efaea464d75 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import AccordionExample from "@/registry/bases/base/examples/accordion-example"
import AlertDialogExample from "@/registry/bases/base/examples/alert-dialog-example"
import AlertExample from "@/registry/bases/base/examples/alert-example"
import AspectRatioExample from "@/registry/bases/base/examples/aspect-ratio-example"
import AvatarExample from "@/registry/bases/base/examples/avatar-example"
import BadgeExample from "@/registry/bases/base/examples/badge-example"
import BreadcrumbExample from "@/registry/bases/base/examples/breadcrumb-example"
import ButtonExample from "@/registry/bases/base/examples/button-example"
import ButtonGroupExample from "@/registry/bases/base/examples/button-group-example"
import CalendarExample from "@/registry/bases/base/examples/calendar-example"
import CardExample from "@/registry/bases/base/examples/card-example"
import CarouselExample from "@/registry/bases/base/examples/carousel-example"
import ChartExample from "@/registry/bases/base/examples/chart-example"
import CheckboxExample from "@/registry/bases/base/examples/checkbox-example"
import CollapsibleExample from "@/registry/bases/base/examples/collapsible-example"
import ComboboxExample from "@/registry/bases/base/examples/combobox-example"
import CommandExample from "@/registry/bases/base/examples/command-example"
import ContextMenuExample from "@/registry/bases/base/examples/context-menu-example"
import DialogExample from "@/registry/bases/base/examples/dialog-example"
import DrawerExample from "@/registry/bases/base/examples/drawer-example"
import DropdownMenuExample from "@/registry/bases/base/examples/dropdown-menu-example"
import EmptyExample from "@/registry/bases/base/examples/empty-example"
import FieldExample from "@/registry/bases/base/examples/field-example"
import HoverCardExample from "@/registry/bases/base/examples/hover-card-example"
import InputExample from "@/registry/bases/base/examples/input-example"
import InputGroupExample from "@/registry/bases/base/examples/input-group-example"
import InputOtpExample from "@/registry/bases/base/examples/input-otp-example"
import ItemExample from "@/registry/bases/base/examples/item-example"
import KbdExample from "@/registry/bases/base/examples/kbd-example"
import LabelExample from "@/registry/bases/base/examples/label-example"
import MenubarExample from "@/registry/bases/base/examples/menubar-example"
import NativeSelectExample from "@/registry/bases/base/examples/native-select-example"
import NavigationMenuExample from "@/registry/bases/base/examples/navigation-menu-example"
import PaginationExample from "@/registry/bases/base/examples/pagination-example"
import PopoverExample from "@/registry/bases/base/examples/popover-example"
import ProgressExample from "@/registry/bases/base/examples/progress-example"
import RadioGroupExample from "@/registry/bases/base/examples/radio-group-example"
import ResizableExample from "@/registry/bases/base/examples/resizable-example"
import ScrollAreaExample from "@/registry/bases/base/examples/scroll-area-example"
import SelectExample from "@/registry/bases/base/examples/select-example"
import SeparatorExample from "@/registry/bases/base/examples/separator-example"
import SheetExample from "@/registry/bases/base/examples/sheet-example"
import SkeletonExample from "@/registry/bases/base/examples/skeleton-example"
import SliderExample from "@/registry/bases/base/examples/slider-example"
import SonnerExample from "@/registry/bases/base/examples/sonner-example"
import SpinnerExample from "@/registry/bases/base/examples/spinner-example"
import SwitchExample from "@/registry/bases/base/examples/switch-example"
import TableExample from "@/registry/bases/base/examples/table-example"
import TabsExample from "@/registry/bases/base/examples/tabs-example"
import TextareaExample from "@/registry/bases/base/examples/textarea-example"
import ToggleExample from "@/registry/bases/base/examples/toggle-example"
import ToggleGroupExample from "@/registry/bases/base/examples/toggle-group-example"
import TooltipExample from "@/registry/bases/base/examples/tooltip-example"
import { Toaster } from "@/registry/bases/base/ui/sonner"

export default function Page() {
  return (
    <div className="flex flex-col gap-12">
      <AccordionExample />
      <AlertDialogExample />
      <AlertExample />
      <AspectRatioExample />
      <AvatarExample />
      <BadgeExample />
      <BreadcrumbExample />
      <ButtonExample />
      <ButtonGroupExample />
      <CalendarExample />
      <CardExample />
      <CarouselExample />
      <ChartExample />
      <CheckboxExample />
      <CollapsibleExample />
      <ComboboxExample />
      <CommandExample />
      <ContextMenuExample />
      <DialogExample />
      <DrawerExample />
      <DropdownMenuExample />
      <EmptyExample />
      <FieldExample />
      <HoverCardExample />
      <InputExample />
      <InputGroupExample />
      <InputOtpExample />
      <ItemExample />
      <KbdExample />
      <LabelExample />
      <MenubarExample />
      <NativeSelectExample />
      <NavigationMenuExample />
      <PaginationExample />
      <PopoverExample />
      <ProgressExample />
      <RadioGroupExample />
      <ResizableExample />
      <ScrollAreaExample />
      <SelectExample />
      <SeparatorExample />
      <SheetExample />
      <SkeletonExample />
      <SliderExample />
      <SonnerExample />
      <SpinnerExample />
      <SwitchExample />
      <TableExample />
      <TabsExample />
      <TextareaExample />
      <ToggleExample />
      <ToggleGroupExample />
      <TooltipExample />
      <Toaster />
    </div>
  )
}

Domain

ComponentRegistry

Subdomains

UIPrimitives

Functions

Page()

Dependencies

accordion-example
alert-dialog-example
alert-example
aspect-ratio-example
avatar-example
badge-example
breadcrumb-example
button-example
button-group-example
calendar-example
card-example
carousel-example
chart-example
checkbox-example
collapsible-example
combobox-example
command-example
context-menu-example
dialog-example
drawer-example
dropdown-menu-example
empty-example
field-example
hover-card-example
input-example
input-group-example
input-otp-example
item-example
kbd-example
label-example
menubar-example
native-select-example
navigation-menu-example
pagination-example
popover-example
progress-example
radio-group-example
resizable-example
scroll-area-example
select-example
separator-example
sheet-example
skeleton-example
slider-example
sonner
sonner-example
spinner-example
switch-example
table-example
tabs-example
textarea-example
toggle-example
toggle-group-example
tooltip-example

Source

View on GitHub

Frequently Asked Questions

What does sink.tsx do?

sink.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 sink.tsx?

sink.tsx defines 1 function(s): Page.

What does sink.tsx depend on?

sink.tsx imports 54 module(s): accordion-example, alert-dialog-example, alert-example, aspect-ratio-example, avatar-example, badge-example, breadcrumb-example, button-example, and 46 more.

Where is sink.tsx in the architecture?

sink.tsx is located at apps/v4/registry/bases/base/internal/sink.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/internal).

Analyze Your Own Codebase

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

Try Supermodel Free