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 name %}name="{{ name }}"{% endif %}
	{% if open %}open{% endif %}
>
	<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 }}
	</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