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 DocumentationAtlas SearchAPI called by 4

Entity Profile

Dependency Diagram

graph TD
  1f9f6fed_bfb5_58df_017b_cc77688dfff3["useSidebar()"]
  403a7802_5284_b88e_6793_ca6286c4d07c["sidebar.tsx"]
  1f9f6fed_bfb5_58df_017b_cc77688dfff3 -->|defined in| 403a7802_5284_b88e_6793_ca6286c4d07c
  a2cc0e65_b12e_3a35_3ca4_04d150f78918["Sidebar()"]
  a2cc0e65_b12e_3a35_3ca4_04d150f78918 -->|calls| 1f9f6fed_bfb5_58df_017b_cc77688dfff3
  16b06a7f_8bf5_1d51_4a0f_2e086c9e18dd["SidebarTrigger()"]
  16b06a7f_8bf5_1d51_4a0f_2e086c9e18dd -->|calls| 1f9f6fed_bfb5_58df_017b_cc77688dfff3
  f3b4c2a0_e31a_ff53_9d9f_c82a06bd03da["SidebarRail()"]
  f3b4c2a0_e31a_ff53_9d9f_c82a06bd03da -->|calls| 1f9f6fed_bfb5_58df_017b_cc77688dfff3
  df86aa05_efcc_0307_8007_bf6d28de89cd["SidebarMenuButton()"]
  df86aa05_efcc_0307_8007_bf6d28de89cd -->|calls| 1f9f6fed_bfb5_58df_017b_cc77688dfff3
  style 1f9f6fed_bfb5_58df_017b_cc77688dfff3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/ui-rtl/sidebar.tsx lines 45–52

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