DashWind DashWind
DashWind DashWind
Components

Accordions

Toggle the visibility of content across your project with a few classes and DashWind collapse JavaScript plugins. The collapse plugin is used to show & hide content.

Default Style

To properly achieve the accordion style, be sure to use .accordion as a wrapper, .accordion-item to wrap around each item, .accordion-toggle on the element you to click and then .accordion-body as a sibling to the toggle element.

Accordion Style 2

You can simply use tailwind classes to style your accordion diffrent, like you can remove borders, change colors.

Accordion Style 3

You can simply use tailwind classes to style your accordion diffrent, like you can remove borders, change colors or maybe place those icons on a diffrent place.

© 2025 DashWind. Template by Softnio