Page() — ui Function Reference

Architecture documentation for the Page() function in sink.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Page() — ui Function Reference

Dependency Diagram

graph TD
  d01da6be_7e20_e724_275a_64eddf257035["Page()"]
  557caffe_3253_e94f_7988_58bf2fd3af0c["sink.tsx"]
  d01da6be_7e20_e724_275a_64eddf257035 -->|defined in| 557caffe_3253_e94f_7988_58bf2fd3af0c
  style d01da6be_7e20_e724_275a_64eddf257035 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/internal/sink.tsx lines 56–115

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>
  )
}