<div class="spacer"></div>
<div class="accordion">
<div class="accordion__pane">
<p class="accordion__heading">Et Velit Quis</p>
<div class="accordion__content">
<p>Consequatur ipsum perferendis. Eaque expedita dicta ut quam quia totam. Aspernatur ea nemo minus.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Unde Pariatur Praesentium</p>
<div class="accordion__content">
<p>Quo facilis sit eius odit. Sed nostrum praesentium fuga consequatur perferendis ea aut officiis. Saepe libero omnis quia repellendus quas. Voluptates hic ipsam optio aut eaque ut rerum voluptatibus saepe.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Corrupti Sed Et</p>
<div class="accordion__content">
<p>Nemo quasi delectus ut pariatur aliquam error iste facilis. Omnis magnam magnam quos repellat quaerat inventore dolore aspernatur illo. Iste praesentium et magnam veritatis dolorem aut sint dicta. Amet voluptatem doloribus consequatur molestiae. Nisi qui tempore molestias.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Est Illo Assumenda</p>
<div class="accordion__content">
<p>Ab culpa maiores consequatur dolorem. Incidunt hic minus pariatur ut delectus iste optio quaerat inventore. Eligendi et sit voluptatum. Vitae quos placeat. Qui beatae rerum corporis commodi quam distinctio eum autem qui.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Velit Eaque Aliquam</p>
<div class="accordion__content">
<p>Voluptas recusandae voluptatem et. Est rem ut et. Nobis et dolores repellendus aut. Quo nam sit maxime consequatur omnis autem optio maxime. Temporibus eos ullam consequatur iure dolorem ut tenetur ad distinctio. Dicta architecto recusandae quod.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Pariatur Quidem Perferendis</p>
<div class="accordion__content">
<p>Cumque alias cum enim nostrum. Aut non autem voluptas eaque occaecati minima explicabo. Ad nulla voluptas qui quasi. Accusamus sed qui ex odio. Illo tenetur in totam sunt porro.</p>
</div>
</div>
</div>
{% if not standAlone %}<div class="spacer"></div>{% endif %}
<div class="accordion{{ ' accordion--'+modifier if modifier }}">
{% for pane in panes %}
<div class="accordion__pane">
<p class="accordion__heading">{{ pane.label }}</p>
<div class="accordion__content">
<p>{{ pane.content }}</p>
</div>
</div>
{% endfor %}
</div>
{
"panes": [
{
"label": "Et Velit Quis",
"content": "Consequatur ipsum perferendis. Eaque expedita dicta ut quam quia totam. Aspernatur ea nemo minus."
},
{
"label": "Unde Pariatur Praesentium",
"content": "Quo facilis sit eius odit. Sed nostrum praesentium fuga consequatur perferendis ea aut officiis. Saepe libero omnis quia repellendus quas. Voluptates hic ipsam optio aut eaque ut rerum voluptatibus saepe."
},
{
"label": "Corrupti Sed Et",
"content": "Nemo quasi delectus ut pariatur aliquam error iste facilis. Omnis magnam magnam quos repellat quaerat inventore dolore aspernatur illo. Iste praesentium et magnam veritatis dolorem aut sint dicta. Amet voluptatem doloribus consequatur molestiae. Nisi qui tempore molestias."
},
{
"label": "Est Illo Assumenda",
"content": "Ab culpa maiores consequatur dolorem. Incidunt hic minus pariatur ut delectus iste optio quaerat inventore. Eligendi et sit voluptatum. Vitae quos placeat. Qui beatae rerum corporis commodi quam distinctio eum autem qui."
},
{
"label": "Velit Eaque Aliquam",
"content": "Voluptas recusandae voluptatem et. Est rem ut et. Nobis et dolores repellendus aut. Quo nam sit maxime consequatur omnis autem optio maxime. Temporibus eos ullam consequatur iure dolorem ut tenetur ad distinctio. Dicta architecto recusandae quod."
},
{
"label": "Pariatur Quidem Perferendis",
"content": "Cumque alias cum enim nostrum. Aut non autem voluptas eaque occaecati minima explicabo. Ad nulla voluptas qui quasi. Accusamus sed qui ex odio. Illo tenetur in totam sunt porro."
}
],
"standAlone": false
}
There are no notes for this item.