Docs Index | Project README

Sidebar

Collapsible app navigation bound to the global sidebar state.

Usage

<aside data-component="Sidebar"></aside>

Behavior

• Toggle button switches store.sidebar between "default" and "collapsed".
• Component reflects state via data-state for styling.

Accessibility

• Toggle button has aria-expanded and aria-controls pointing to the nav.

Examples

Programmatically collapse/expand via the global store:

import { store } from "../../src/js/store";

// Collapse
store.set("sidebar", "collapsed");

// Expand
store.set("sidebar", "default");

---

Prev: ThemeSwitcher | Next: Loader

See also: Docs Index | All Components