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
  52d21307_ed91_78c1_4615_7ac238598d75["useSidebar()"]
  c6a487be_ed5c_9993_6886_f0ead3f0c895["sidebar.tsx"]
  52d21307_ed91_78c1_4615_7ac238598d75 -->|defined in| c6a487be_ed5c_9993_6886_f0ead3f0c895
  b3ca842b_65ad_1541_1e3a_7a1624e330e4["Sidebar()"]
  b3ca842b_65ad_1541_1e3a_7a1624e330e4 -->|calls| 52d21307_ed91_78c1_4615_7ac238598d75
  345a5a47_7e96_5372_e327_7654654f0edb["SidebarTrigger()"]
  345a5a47_7e96_5372_e327_7654654f0edb -->|calls| 52d21307_ed91_78c1_4615_7ac238598d75
  57ccae4d_00a4_02db_9121_ac59a371b5af["SidebarRail()"]
  57ccae4d_00a4_02db_9121_ac59a371b5af -->|calls| 52d21307_ed91_78c1_4615_7ac238598d75
  d6d87c73_5b3c_a4b2_4e5e_5d7e4152990d["SidebarMenuButton()"]
  d6d87c73_5b3c_a4b2_4e5e_5d7e4152990d -->|calls| 52d21307_ed91_78c1_4615_7ac238598d75
  style 52d21307_ed91_78c1_4615_7ac238598d75 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/sidebar.tsx lines 46–53

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 apps/v4/registry/bases/radix/ui/sidebar.tsx.
Where is useSidebar() defined?
useSidebar() is defined in apps/v4/registry/bases/radix/ui/sidebar.tsx at line 46.
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