Accordion

Vertically stacked interactive sections to organize content.

TailwindCSS
Alpine.js

Yes. It adheres to the WAI-ARIA design pattern.

Yes. It comes with default styles that match the other components' aesthetic.

Yes. It's animated by default, but you can disable it if you prefer.

Usage

1. Add the script to your page/layout:

// Option A: All components (recommended)
@utils.ComponentScripts()

// Option B: Just Accordion
@components.AccordionScript()

2. Use the component:

@components.Accordion(components.AccordionProps{...})