---
data:
  type: hash
locale:
  type: string
i18n:
  type: hash
---
<h2>Details</h2>

{% block 'sutty/details.html', summary: 'Details' %}
<div class="content">
  <p>{{ i18n.lorem_ipsum.one_paragraph }}</p>
</div>
{% endblock %}

<h2>Open details</h2>

{% block 'sutty/details.html', summary: 'Details', open: true %}
<div class="content">
  <p>{{ i18n.lorem_ipsum.one_paragraph }}</p>
</div>
{% endblock %}

<h2>Grouped details (accordion)</h2>

{% block 'sutty/details.html', summary: 'Details', name: 'group' %}
<div class="content">
  <p>{{ i18n.lorem_ipsum.one_paragraph }}</p>
</div>
{% endblock %}

{% block 'sutty/details.html', summary: 'Details', name: 'group' %}
<div class="content">
  <p>{{ i18n.lorem_ipsum.one_paragraph }}</p>
</div>
{% endblock %}

{% block 'sutty/details.html', summary: 'Details', name: 'group' %}
<div class="content">
  <p>{{ i18n.lorem_ipsum.one_paragraph }}</p>
</div>
{% endblock %}