useSidebarState

Pro

import { useSidebarState } from "@wunderui/react"

Installation

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

tsx

import { useSidebarState } from "@wunderui/react"

useSidebarState(options?: SidebarStateOptions): SidebarState

Parameter	Type	Description
options.defaultCollapsed optional	boolean \| undefined
options.storageKey optional	string \| undefined
options.shortcut optional	string \| undefined

Field	Type	Description
collapsed	boolean
setCollapsed	(next: boolean \| ((prev: boolean) => boolean)) => void
toggle	() => void
bind	(element: HTMLElement \| null) => void	Ref callback for the root element that contains the sidebar: it listens for the keyboard shortcut.

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

MCPget_component("useSidebarState")

Importimport { useSidebarState } from "@wunderui/react"

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