AppSidebar() — ui Function Reference

Architecture documentation for the AppSidebar() function in app-sidebar.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AppSidebar() — ui Function Reference

Dependency Diagram

graph TD
  2255786d_2b69_2540_881c_df663afc6c56["AppSidebar()"]
  2b35747d_a93d_d250_e913_c5d84432afbb["app-sidebar.tsx"]
  2255786d_2b69_2540_881c_df663afc6c56 -->|defined in| 2b35747d_a93d_d250_e913_c5d84432afbb
  style 2255786d_2b69_2540_881c_df663afc6c56 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(examples)/dashboard-03/components/app-sidebar.tsx lines 72–84

export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
  return (
    <Sidebar
      className="top-(--header-height) h-[calc(100svh-var(--header-height))]!"
      {...props}
    >
      <SidebarContent>
        <NavMain items={data.navMain} />
        <NavSecondary items={data.navSecondary} className="mt-auto" />
      </SidebarContent>
    </Sidebar>
  )
}