Home / Function/ useSidebar() — ui Function Reference

useSidebar() — ui Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  9a3b6736_11c3_8579_d4fb_a39a36043d1a["useSidebar()"]
  cef4f47f_83d5_1ca2_1147_d3903d1ade07["sidebar.tsx"]
  9a3b6736_11c3_8579_d4fb_a39a36043d1a -->|defined in| cef4f47f_83d5_1ca2_1147_d3903d1ade07
  4754d47a_b9f6_3f76_04be_71ccd23a00ee["Sidebar()"]
  4754d47a_b9f6_3f76_04be_71ccd23a00ee -->|calls| 9a3b6736_11c3_8579_d4fb_a39a36043d1a
  f0465e9d_592e_23f2_0c04_531df3150d3f["SidebarTrigger()"]
  f0465e9d_592e_23f2_0c04_531df3150d3f -->|calls| 9a3b6736_11c3_8579_d4fb_a39a36043d1a
  66b0c5bb_d42a_6761_128c_117ef5029474["SidebarRail()"]
  66b0c5bb_d42a_6761_128c_117ef5029474 -->|calls| 9a3b6736_11c3_8579_d4fb_a39a36043d1a
  727af3a0_b183_2fb1_e48f_6d51328bc765["SidebarMenuButton()"]
  727af3a0_b183_2fb1_e48f_6d51328bc765 -->|calls| 9a3b6736_11c3_8579_d4fb_a39a36043d1a
  style 9a3b6736_11c3_8579_d4fb_a39a36043d1a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/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
}

Subdomains

Frequently Asked Questions

What does useSidebar() do?
useSidebar() is a function in the ui codebase, defined in deprecated/www/registry/default/ui/sidebar.tsx.
Where is useSidebar() defined?
useSidebar() is defined in deprecated/www/registry/default/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