Page() — ui Function Reference

Architecture documentation for the Page() function in sidebar-06.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Page() — ui Function Reference

Dependency Diagram

graph TD
  97151009_7ea3_0239_ab37_7c07b9c9086e["Page()"]
  ae3b925a_42ce_1be6_aecd_cab9a91b767c["sidebar-06.tsx"]
  97151009_7ea3_0239_ab37_7c07b9c9086e -->|defined in| ae3b925a_42ce_1be6_aecd_cab9a91b767c
  style 97151009_7ea3_0239_ab37_7c07b9c9086e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/internal/sidebar-06.tsx lines 180–287

export default function Page() {
  return (
    <SidebarProvider>
      <Sidebar>
        <SidebarHeader>
          <SidebarMenu>
            <SidebarMenuItem>
              <SidebarMenuButton size="lg" asChild>
                <a href="#">
                  <div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
                    <GalleryVerticalEnd className="size-4" />
                  </div>
                  <div className="flex flex-col gap-0.5 leading-none">
                    <span className="font-semibold">Documentation</span>
                    <span className="">v1.0.0</span>
                  </div>
                </a>
              </SidebarMenuButton>
            </SidebarMenuItem>
          </SidebarMenu>
        </SidebarHeader>
        <SidebarContent>
          <SidebarGroup>
            <SidebarMenu>
              {data.navMain.map((item) => (
                <DropdownMenu key={item.title}>
                  <SidebarMenuItem>
                    <DropdownMenuTrigger asChild>
                      <SidebarMenuButton className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground">
                        {item.title} <MoreHorizontal className="ml-auto" />
                      </SidebarMenuButton>
                    </DropdownMenuTrigger>
                    {item.items?.length ? (
                      <DropdownMenuContent
                        side="bottom"
                        align="end"
                        className="min-w-56 rounded-lg"
                      >
                        {item.items.map((item) => (
                          <DropdownMenuItem asChild key={item.title}>
                            <a href={item.url}>{item.title}</a>
                          </DropdownMenuItem>
                        ))}
                      </DropdownMenuContent>
                    ) : null}
                  </SidebarMenuItem>
                </DropdownMenu>
              ))}
            </SidebarMenu>
          </SidebarGroup>
        </SidebarContent>
        <SidebarFooter>
          <div className="p-1">
            <Card className="shadow-none">
              <form>
                <CardHeader className="p-4 pb-0">
                  <CardTitle className="text-sm">
                    Subscribe to our newsletter
                  </CardTitle>
                  <CardDescription>
                    Opt-in to receive updates and news about the sidebar.
                  </CardDescription>
                </CardHeader>
                <CardContent className="grid gap-2.5 p-4">
                  <SidebarInput type="email" placeholder="Email" />
                  <Button
                    className="w-full bg-sidebar-primary text-sidebar-primary-foreground shadow-none"
                    size="sm"
                  >
                    Subscribe
                  </Button>
                </CardContent>
              </form>
            </Card>
          </div>
        </SidebarFooter>
        <SidebarRail />
      </Sidebar>
      <SidebarInset>
        <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
          <SidebarTrigger className="-ml-1" />