Skip to content
WunderUI
Get All-Access

useSidebar

Pro
import { useSidebar } from "@wunderui/react"

Installation

useSidebar comes with WunderUI Core and Pro, in the entry of the package from your plan. See the plans. Then import it:

tsx
import { useSidebar } from "@wunderui/react"

Signature

ts
useSidebar(): SidebarContextValue

Returns

FieldTypeDescription
collapsedboolean
tone"default" | "inverse"
side optional"left" | "right" | undefined

Notes for AI

Give your coding assistant the page or the MCP call instead of screenshots.

Pagehttps://wunderui.com/hooks/use-sidebar
MCPget_component("useSidebar")
Importimport { useSidebar } from "@wunderui/react"

The full library index for assistants is at /llms.txt.

PrevioususeScrollSpyNextuseSidebarState