Page() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Page() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/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>
  )
}