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
}
Domain
Subdomains
Defined In
Source
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