ui Architecture Docs
Home / Function/ useSidebar() — ui Function Reference

useSidebar() — ui Function Reference

Architecture documentation for the useSidebar() function in sidebar.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives called by 4

Entity Profile

Dependency Diagram

graph TD
  8c62ffec_57d5_c92b_d4f9_ed885df7d00a["useSidebar()"]
  91f6d996_a9f5_b129_3201_f8eee4d8cf65["sidebar.tsx"]
  8c62ffec_57d5_c92b_d4f9_ed885df7d00a -->|defined in| 91f6d996_a9f5_b129_3201_f8eee4d8cf65
  530c568b_3215_3e0d_5e98_64d69233a7e7["Sidebar()"]
  530c568b_3215_3e0d_5e98_64d69233a7e7 -->|calls| 8c62ffec_57d5_c92b_d4f9_ed885df7d00a
  09d3b1ca_0b7d_7464_fc46_f006fb943297["SidebarTrigger()"]
  09d3b1ca_0b7d_7464_fc46_f006fb943297 -->|calls| 8c62ffec_57d5_c92b_d4f9_ed885df7d00a
  af1fb2ed_a6f7_8e3d_28ff_41ff3babde23["SidebarRail()"]
  af1fb2ed_a6f7_8e3d_28ff_41ff3babde23 -->|calls| 8c62ffec_57d5_c92b_d4f9_ed885df7d00a
  0da2b7bb_447c_f009_b910_4d14bb1eefd2["SidebarMenuButton()"]
  0da2b7bb_447c_f009_b910_4d14bb1eefd2 -->|calls| 8c62ffec_57d5_c92b_d4f9_ed885df7d00a
  style 8c62ffec_57d5_c92b_d4f9_ed885df7d00a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/sidebar.tsx lines 47–54

function useSidebar() {
  const context = React.useContext(SidebarContext)
  if (!context) {
    throw new Error("useSidebar must be used within a SidebarProvider.")
  }

  return context
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does useSidebar() do?
useSidebar() is a function in the ui codebase, defined in apps/v4/registry/bases/base/ui/sidebar.tsx.
Where is useSidebar() defined?
useSidebar() is defined in apps/v4/registry/bases/base/ui/sidebar.tsx at line 47.
What calls useSidebar()?
useSidebar() is called by 4 function(s): Sidebar, SidebarMenuButton, SidebarRail, SidebarTrigger.

Analyze Your Own Codebase

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

Try Supermodel Free