<div class="item-accordion">
<details class="item-accordion__item">
<summary class="item-accordion__summary">
<span class="item-accordion__summary-title">Item accordion summary title</span> <span class="item-accordion__summary-toggle"><svg class="icon item-accordion__summary-toggle-asset open" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon item-accordion__summary-toggle-asset close" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
</summary>
<div class="item-accordion__item-body">
item-accordion item body
</div>
</details>
<details class="item-accordion__item">
<summary class="item-accordion__summary">
<span class="item-accordion__summary-title">Item accordion summary title</span> <span class="item-accordion__summary-toggle"><svg class="icon item-accordion__summary-toggle-asset open" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon item-accordion__summary-toggle-asset close" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
</summary>
<div class="item-accordion__item-body">
item-accordion item body
</div>
</details>
<details class="item-accordion__item">
<summary class="item-accordion__summary">
<span class="item-accordion__summary-title">Item accordion summary title</span> <span class="item-accordion__summary-toggle"><svg class="icon item-accordion__summary-toggle-asset open" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon item-accordion__summary-toggle-asset close" viewbox="0 0 32 32">
<use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
</summary>
<div class="item-accordion__item-body">
item-accordion item body
</div>
</details>
</div>