<div class="spacer"></div>
<div class="accordion">
<div class="accordion__pane">
<p class="accordion__heading">Incidunt Cupiditate Sed</p>
<div class="accordion__content">
<p>Iure delectus dolorum quia sit qui. Reprehenderit saepe eveniet et consequatur enim rerum illo. Aliquid perspiciatis nostrum rerum sed maxime molestias delectus mollitia.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Culpa Eos Odio</p>
<div class="accordion__content">
<p>Sapiente suscipit eveniet. Atque voluptas eos eius quis placeat facere consequatur quis reiciendis. Quae ad quae rerum a vel. Voluptate sint rerum eaque animi.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Quo Alias Iure</p>
<div class="accordion__content">
<p>Sunt sed deserunt mollitia aut rerum fugiat reprehenderit natus praesentium. Dolores deleniti consequatur vero ipsum non. Veniam iure eaque voluptatem qui dolores ea et. Voluptas dignissimos dolorem. Alias asperiores vero ut et iste. Eaque neque quos.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Voluptates Et Quas</p>
<div class="accordion__content">
<p>Dignissimos voluptas ea. Sunt cum expedita aut nihil natus et. Et ullam natus qui qui sapiente. Aut qui numquam tempora esse deserunt labore alias perferendis quibusdam. Sit ratione laboriosam dolorem nesciunt.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Est Nobis in</p>
<div class="accordion__content">
<p>Nulla sed qui enim sed ut quia vel rem amet. Ut odit et fugiat. Delectus error natus. Quidem quia veritatis tenetur expedita. Rerum neque id quibusdam quo eos sunt facilis laudantium sequi. Enim dolore cupiditate maiores fuga officiis sit rerum id nulla.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Numquam Laudantium Vel</p>
<div class="accordion__content">
<p>Sint quis adipisci tempora. Voluptatem cupiditate iste dolore cupiditate velit unde. Et deleniti voluptates ut voluptatum.</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": "Incidunt Cupiditate Sed",
"content": "Iure delectus dolorum quia sit qui. Reprehenderit saepe eveniet et consequatur enim rerum illo. Aliquid perspiciatis nostrum rerum sed maxime molestias delectus mollitia."
},
{
"label": "Culpa Eos Odio",
"content": "Sapiente suscipit eveniet. Atque voluptas eos eius quis placeat facere consequatur quis reiciendis. Quae ad quae rerum a vel. Voluptate sint rerum eaque animi."
},
{
"label": "Quo Alias Iure",
"content": "Sunt sed deserunt mollitia aut rerum fugiat reprehenderit natus praesentium. Dolores deleniti consequatur vero ipsum non. Veniam iure eaque voluptatem qui dolores ea et. Voluptas dignissimos dolorem. Alias asperiores vero ut et iste. Eaque neque quos."
},
{
"label": "Voluptates Et Quas",
"content": "Dignissimos voluptas ea. Sunt cum expedita aut nihil natus et. Et ullam natus qui qui sapiente. Aut qui numquam tempora esse deserunt labore alias perferendis quibusdam. Sit ratione laboriosam dolorem nesciunt."
},
{
"label": "Est Nobis in",
"content": "Nulla sed qui enim sed ut quia vel rem amet. Ut odit et fugiat. Delectus error natus. Quidem quia veritatis tenetur expedita. Rerum neque id quibusdam quo eos sunt facilis laudantium sequi. Enim dolore cupiditate maiores fuga officiis sit rerum id nulla."
},
{
"label": "Numquam Laudantium Vel",
"content": "Sint quis adipisci tempora. Voluptatem cupiditate iste dolore cupiditate velit unde. Et deleniti voluptates ut voluptatum."
}
],
"standAlone": false
}
There are no notes for this item.