Accordions

Built on native <details> / <summary>. Class names are not ser- prefixed yet (legacy API).

Title

Hidden content

Title

Hidden content

Title

Hidden content

Title

Hidden content

Title

Hidden content

Title

Hidden content

<!-- Primary accordions -->
<details class="accordion-primary-small">
  <summary>Title</summary>
  <div>
    <p>Hidden content</p>
  </div>
</details>
<details class="accordion-primary-medium">
  <summary>Title</summary>
  <div>
    <p>Hidden content</p>
  </div>
</details>
<details class="accordion-primary-large">
  <summary>Title</summary>
  <div>
    <p>Hidden content</p>
  </div>
</details>

<!-- Secondary accordions -->
<details class="accordion-secondary-small">
  <summary>Title</summary>
  <div>
    <p>Hidden content</p>
  </div>
</details>
<details class="accordion-secondary-medium">
  <summary>Title</summary>
  <div>
    <p>Hidden content</p>
  </div>
</details>
<details class="accordion-secondary-large">
  <summary>Title</summary>
  <div>
    <p>Hidden content</p>
  </div>
</details>