sink.tsx — ui Source File

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

File tsx ComponentRegistry ChartRegistry 54 imports 1 functions

Entity Profile

ComponentRegistry→ ChartRegistry→ sink.tsx — ui Source File

Dependency Diagram

graph LR
  557caffe_3253_e94f_7988_58bf2fd3af0c["sink.tsx"]
  b34ef81c_76ad_a088_be40_66d41665e499["accordion-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> b34ef81c_76ad_a088_be40_66d41665e499
  f2a33e13_9634_ec51_2282_5f6855088212["alert-dialog-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> f2a33e13_9634_ec51_2282_5f6855088212
  08dbd89a_124b_b869_6a2d_e05e2add48f3["alert-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 08dbd89a_124b_b869_6a2d_e05e2add48f3
  40b5b299_b849_d725_c042_d79c82abfa6c["aspect-ratio-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 40b5b299_b849_d725_c042_d79c82abfa6c
  097e9b53_d42c_0157_064a_87f8c5eb4f7c["avatar-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 097e9b53_d42c_0157_064a_87f8c5eb4f7c
  e526d4f4_9395_79cc_1e1b_54825e1886e5["badge-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> e526d4f4_9395_79cc_1e1b_54825e1886e5
  4e398c19_1dfe_954d_91f4_e23220ce54e5["breadcrumb-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 4e398c19_1dfe_954d_91f4_e23220ce54e5
  29e16876_af29_b60d_1e8f_e81206929b45["button-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 29e16876_af29_b60d_1e8f_e81206929b45
  1c26a1da_20cb_ebfb_6d93_f9691b533d2a["button-group-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 1c26a1da_20cb_ebfb_6d93_f9691b533d2a
  e7c6908d_612b_5885_7779_0e0db84fbe03["calendar-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> e7c6908d_612b_5885_7779_0e0db84fbe03
  8fc78cce_0be8_9daf_d361_1e4926863d6c["card-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 8fc78cce_0be8_9daf_d361_1e4926863d6c
  d3b68127_c745_013f_c5ca_5d0063f5fb2a["carousel-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> d3b68127_c745_013f_c5ca_5d0063f5fb2a
  dd66d42e_17ec_5614_1f12_d196ce0fa531["chart-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> dd66d42e_17ec_5614_1f12_d196ce0fa531
  18373ff9_3629_30b8_0c48_648f3f533a67["checkbox-example"]
  557caffe_3253_e94f_7988_58bf2fd3af0c --> 18373ff9_3629_30b8_0c48_648f3f533a67
  style 557caffe_3253_e94f_7988_58bf2fd3af0c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

ChartRegistry

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, ChartRegistry 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/radix/internal/sink.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/bases/radix/internal).

Analyze Your Own Codebase

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

Try Supermodel Free