accordion-item

Information

Folder
src/components/patterns/accordion/accordion-item

Files

Schema
Mocks
Template
// src/components/patterns/accordion/accordion-item/accordion-item.twig

<details class="AccordionItem"{% if open %} open{% endif %} id="{{ id }}">
	<summary class="AccordionItem-title">
		{{ title }}
		<span class="AccordionItem-titleIcon">
			{% include "@elements/icon/icon.twig" with {
				name: "chevron"
			} only %}
		</span>
	</summary>
	<div class="AccordionItem-content">
		{{ content|raw }}
	</div>
</details>

Variants

default
Open

default mock data

Raw
Resolved
Long title
Open

Long title mock data

Raw
Resolved
Open
Open

Open mock data

Raw
Resolved