Skip to content

Alpine.js Toolkit

@ailuracode · Interactive plugin demos

Menu

Dropdown and context menu state with keyboard navigation and ARIA helpers.

Store$store.menu
Read Documentation@ailuracode/alpine-menu
Menu$store.menu
Dropdown and context menu state with keyboard navigation and ARIA helpers.

Exclusive dropdowns

By default, opening one menu closes any other. Account: · Actions: · Active:

Exclusive mode

  • exclusive: true (default) — open() / toggle() close every other open menu
  • Scroll lock stays in sync when one menu replaces another
  • Pass exclusive: false for multiple open menus, or use per-menu group for menubar-style exclusivity

Keyboard

↑/↓ move focus,Enter selects,Escape closes. Position withx-anchor.bottom-start.fixed via @alpinejs/anchor — the store handles state, keyboard, and scroll lock only.

Package: @ailuracode/alpine-menu