Accordion

An accordion element to show and hide content.

+ Tailwind and Alpine

Data

Below you will find the data properties available in the x-data attribute of this element.


Property and Description
activeAccordion
This will contain the string of the active accordion item (example: 'accordion-1')
setActiveAccordion(id)
This will set the active accordion with the associated id

More Examples

Below you will find more Accordion examples you may wish to use in your projects.



A project by DevDojo