Accordions

Expandable content sections.

This is an accordion item that is open. It contains details about the topic.

Content is hidden by default.

<div class="accordion">
  <div class="accordion__item" data-state="open">
    <button class="accordion__trigger">
      <span class="accordion__title">Title</span>
      <span class="accordion__icon">▼</span>
    </button>
    <div class="accordion__content">
      Content...
    </div>
  </div>
</div>