Accordion - ANTSAND Styles

Accordion Component

Click headers to expand/collapse content panels

ANTSAND Styles v2 is a modern CSS library with a Bootstrap-like philosophy, providing semantic classes for consistent design.

Unlike Tailwind's utility-first approach, ANTSAND uses semantic classes that describe purpose, not pixels.

Interactive components like accordion require the included JavaScript file for functionality.

<div class="antsand-accordion">
    <div class="antsand-accordion-item">
        <button class="antsand-accordion-header">
            <span>Question?</span>
            <span class="antsand-accordion-icon"></span>
        </button>
        <div class="antsand-accordion-body">
            <div class="antsand-accordion-content">
                <p>Answer content here.</p>
            </div>
        </div>
    </div>
</div>