Accordion Base

A vertically stacked set of interactive headings that each reveal a section of content.

Yes. It adheres to the WAI-ARIA design pattern.
Yes. It comes with default styles that matches the other components' aesthetic.
Yes. It's animated by default, but you can disable it if you prefer.
1<AccordionBase title="Is it accessible?">
2  Yes. It adheres to the WAI-ARIA design pattern.
3</AccordionBase>

Installation

npx zeroui@latest add accordion-base

Props

nametypedefaultdescription
titlestring--
defaultOpenbooleanfalse-