Accordion
Single or multi-open accordion state with keyboard focus and ARIA helpers.
Store$store.accordion
Read Documentation@ailuracode/alpine-accordion
Accordion
$store.accordionSingle or multi-open accordion state with keyboard focus and ARIA helpers.
Single mode · default open
Mode: single · Open:
Only one panel stays open.
defaultOpen: 'shipping' expands on init.Single mode · collapsed
Open:
Opening another panel closes the previous one.
Multiple mode · default open
Mode: multiple · Open:
Several panels can stay open. Defaults:
['notifications', 'integrations'].Accessibility
triggerProps() sets aria-expanded and roving tabindex. Arrow keys move between triggers when the group is focused. Animate panels with the official@alpinejs/collapseplugin — x-show + x-collapse on the same element.
Package: @ailuracode/alpine-accordion