Skip to content

Alpine.js Toolkit

@ailuracode · Interactive plugin demos

Sidebar

Open, close, and toggle visibility for application shells.

Store$store.sidebar
Read Documentation@ailuracode/alpine-sidebar
Sidebar$store.sidebar
Open, close, and toggle visibility for application shells.
  • Visible:
  • matchesBreakpoint:
  • hasOverlay:
  • Breakpoint:

On mobile, overlay click and Escape close the drawer. Opening the sidebar locks body scroll through $store.scroll.

Package: @ailuracode/alpine-sidebar