<div class="spacer"></div>
<div class="accordion">
<div class="accordion__pane">
<p class="accordion__heading">Temporibus Officia Nulla</p>
<div class="accordion__content">
<p>Corporis occaecati et voluptates. Eveniet veniam id officia non. Nostrum rerum culpa eum voluptatem doloribus tempore dolor commodi repudiandae. Aut iste dignissimos aut aut sed magni. Ipsum praesentium blanditiis aliquid. Ut consequatur aut.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Veritatis Et Ab</p>
<div class="accordion__content">
<p>Quod sed est minus corporis porro et vero sunt est. Consequatur qui ipsa et sequi veritatis cupiditate est. Dolores qui optio libero repellat dolor mollitia et.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Hic Voluptatibus Nihil</p>
<div class="accordion__content">
<p>Unde cumque vel quaerat accusantium deserunt. In quia illo ut eos incidunt qui molestiae et. Voluptatem possimus illum sint earum ipsa eaque molestiae sunt. Qui officia commodi.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Perspiciatis Non Minima</p>
<div class="accordion__content">
<p>Tenetur possimus odit odio aut. Distinctio officia dolores nihil. Saepe corporis libero illo quia velit aut et magnam.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Quia Asperiores Omnis</p>
<div class="accordion__content">
<p>Sint laborum quam quibusdam sit ut ut. Sint a repudiandae voluptatem omnis perferendis explicabo ab in. Alias molestiae omnis iste quis voluptas dolor perferendis eos non. Modi excepturi quam pariatur quia voluptatibus enim. Minima ad et reiciendis alias qui.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Occaecati Perspiciatis Vitae</p>
<div class="accordion__content">
<p>Tempora voluptatibus dolores et quos. Assumenda voluptatem quos ipsa. Voluptatibus possimus possimus qui. Necessitatibus sit perferendis quo dolorem sequi enim aut maiores exercitationem.</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": "Temporibus Officia Nulla",
"content": "Corporis occaecati et voluptates. Eveniet veniam id officia non. Nostrum rerum culpa eum voluptatem doloribus tempore dolor commodi repudiandae. Aut iste dignissimos aut aut sed magni. Ipsum praesentium blanditiis aliquid. Ut consequatur aut."
},
{
"label": "Veritatis Et Ab",
"content": "Quod sed est minus corporis porro et vero sunt est. Consequatur qui ipsa et sequi veritatis cupiditate est. Dolores qui optio libero repellat dolor mollitia et."
},
{
"label": "Hic Voluptatibus Nihil",
"content": "Unde cumque vel quaerat accusantium deserunt. In quia illo ut eos incidunt qui molestiae et. Voluptatem possimus illum sint earum ipsa eaque molestiae sunt. Qui officia commodi."
},
{
"label": "Perspiciatis Non Minima",
"content": "Tenetur possimus odit odio aut. Distinctio officia dolores nihil. Saepe corporis libero illo quia velit aut et magnam."
},
{
"label": "Quia Asperiores Omnis",
"content": "Sint laborum quam quibusdam sit ut ut. Sint a repudiandae voluptatem omnis perferendis explicabo ab in. Alias molestiae omnis iste quis voluptas dolor perferendis eos non. Modi excepturi quam pariatur quia voluptatibus enim. Minima ad et reiciendis alias qui."
},
{
"label": "Occaecati Perspiciatis Vitae",
"content": "Tempora voluptatibus dolores et quos. Assumenda voluptatem quos ipsa. Voluptatibus possimus possimus qui. Necessitatibus sit perferendis quo dolorem sequi enim aut maiores exercitationem."
}
],
"standAlone": false
}
There are no notes for this item.