<div class="spacer"></div>
<div class="accordion accordion--inverse">
    <div class="accordion__pane">
        <p class="accordion__heading">Tenetur Vel Dolores</p>
        <div class="accordion__content">
            <p>Fuga iusto cumque ut. Dolor fugiat corrupti nobis optio voluptas impedit quod sit. Suscipit est et.</p>
        </div>
    </div>
    <div class="accordion__pane">
        <p class="accordion__heading">Qui Sit Enim</p>
        <div class="accordion__content">
            <p>Velit ipsam blanditiis et assumenda similique architecto. Itaque provident qui nam possimus. Autem non perspiciatis. Similique in accusantium.</p>
        </div>
    </div>
    <div class="accordion__pane">
        <p class="accordion__heading">Ut Facilis Nemo</p>
        <div class="accordion__content">
            <p>Quia ex a necessitatibus beatae aut non sunt incidunt labore. Cupiditate distinctio quo doloribus commodi dolor dolore et error. Quisquam impedit ut nihil praesentium occaecati doloribus repellat.</p>
        </div>
    </div>
    <div class="accordion__pane">
        <p class="accordion__heading">Consectetur Eum Enim</p>
        <div class="accordion__content">
            <p>Labore dolor beatae ab ut asperiores et vitae consequatur quasi. Hic quam eos asperiores neque incidunt maiores enim sunt. Quidem non earum vel rerum. Repudiandae dolor non qui omnis.</p>
        </div>
    </div>
    <div class="accordion__pane">
        <p class="accordion__heading">Voluptatem Qui Dolorum</p>
        <div class="accordion__content">
            <p>Aliquam sit sunt quis illo ab et cupiditate in consequuntur. Architecto aut pariatur porro. Sint assumenda a tempore odit. Quia quis minus tenetur eum omnis eveniet fuga qui vero.</p>
        </div>
    </div>
    <div class="accordion__pane">
        <p class="accordion__heading">Recusandae Ut Ducimus</p>
        <div class="accordion__content">
            <p>Suscipit molestiae impedit eaque consectetur omnis beatae. Ut omnis facilis perspiciatis autem ipsum sed tenetur. Rem omnis quo qui voluptas ut. Placeat sequi ea. Rerum cumque ut pariatur numquam earum fugiat dicta.</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": "Tenetur Vel Dolores",
      "content": "Fuga iusto cumque ut. Dolor fugiat corrupti nobis optio voluptas impedit quod sit. Suscipit est et."
    },
    {
      "label": "Qui Sit Enim",
      "content": "Velit ipsam blanditiis et assumenda similique architecto. Itaque provident qui nam possimus. Autem non perspiciatis. Similique in accusantium."
    },
    {
      "label": "Ut Facilis Nemo",
      "content": "Quia ex a necessitatibus beatae aut non sunt incidunt labore. Cupiditate distinctio quo doloribus commodi dolor dolore et error. Quisquam impedit ut nihil praesentium occaecati doloribus repellat."
    },
    {
      "label": "Consectetur Eum Enim",
      "content": "Labore dolor beatae ab ut asperiores et vitae consequatur quasi. Hic quam eos asperiores neque incidunt maiores enim sunt. Quidem non earum vel rerum. Repudiandae dolor non qui omnis."
    },
    {
      "label": "Voluptatem Qui Dolorum",
      "content": "Aliquam sit sunt quis illo ab et cupiditate in consequuntur. Architecto aut pariatur porro. Sint assumenda a tempore odit. Quia quis minus tenetur eum omnis eveniet fuga qui vero."
    },
    {
      "label": "Recusandae Ut Ducimus",
      "content": "Suscipit molestiae impedit eaque consectetur omnis beatae. Ut omnis facilis perspiciatis autem ipsum sed tenetur. Rem omnis quo qui voluptas ut. Placeat sequi ea. Rerum cumque ut pariatur numquam earum fugiat dicta."
    }
  ],
  "standAlone": false,
  "modifier": "inverse",
  "bodyClass": "has-blue-500-background-color"
}

There are no notes for this item.