An accordion is a UI component that expands and collapses sections of content, useful for FAQs, menus, and hiding large amounts of information.

Large Accordion

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<div class="accordion">
    <div class="accordion__tab">
        <button class="accordion__tab--label accordion__tab--large" tabindex="0">Lorem ipsum dolor sit amet</button>
        <div class="accordion__tab--content bg-gray">
            <p>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            </p>
        </div>
    </div>
</div>