Theme:
Accordion
Accordions expand and collapse sections of content. The CSS-only version uses native <details>/<summary> elements.
CSS-only Accordion
What is DengaUI?
DengaUI is a Tailwind CSS component library with semantic class names, CSS variable theming, and optional Alpine.js interactivity. "Denga" means Sky in Shona.
How do I install it?
Install via npm with npm install dengaui, then add the plugin to your Tailwind CSS configuration.
Does it work with React or Vue?
Yes. DengaUI is framework-agnostic. It works with any stack that uses Tailwind CSS, including React, Vue, Svelte, and plain HTML.
<div class="dui-accordion">
<details class="dui-accordion-item" open>
<summary class="dui-accordion-title">What is DengaUI?</summary>
<div class="dui-accordion-content">
<p>DengaUI is a Tailwind CSS component library...</p>
</div>
</details>
<details class="dui-accordion-item">
<summary class="dui-accordion-title">How do I install it?</summary>
<div class="dui-accordion-content">
<p>Install via npm...</p>
</div>
</details>
</div>