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
  0b33314b_d346_da3b_8ab7_30b6f415150b["useSidebar()"]
  0dd28c0a_4131_40f2_8cf0_e0611d33faf6["sidebar.tsx"]
  0b33314b_d346_da3b_8ab7_30b6f415150b -->|defined in| 0dd28c0a_4131_40f2_8cf0_e0611d33faf6
  dca6f296_1b96_1e5e_e0a9_a1ad49f3b7c3["Sidebar()"]
  dca6f296_1b96_1e5e_e0a9_a1ad49f3b7c3 -->|calls| 0b33314b_d346_da3b_8ab7_30b6f415150b
  c2b0dd62_0d7a_982e_4988_deef3df11fc3["SidebarTrigger()"]
  c2b0dd62_0d7a_982e_4988_deef3df11fc3 -->|calls| 0b33314b_d346_da3b_8ab7_30b6f415150b
  c3af5cee_b79f_1d52_cd45_9845ca370af7["SidebarRail()"]
  c3af5cee_b79f_1d52_cd45_9845ca370af7 -->|calls| 0b33314b_d346_da3b_8ab7_30b6f415150b
  f7941e0b_c683_6c4f_ee57_6dbabeca7407["SidebarMenuButton()"]
  f7941e0b_c683_6c4f_ee57_6dbabeca7407 -->|calls| 0b33314b_d346_da3b_8ab7_30b6f415150b
  style 0b33314b_d346_da3b_8ab7_30b6f415150b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/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 apps/v4/registry/new-york-v4/ui/sidebar.tsx.
Where is useSidebar() defined?
useSidebar() is defined in apps/v4/registry/new-york-v4/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