custom-disclosure

// src/components/patterns/custom-disclosure/custom-disclosure.twig

{{ attach_library("circle_dot/pattern-custom-disclosure") }}

<custom-disclosure class="CustomDisclosure disclosure-container" as-popover {% if name %} name="{{ name }}" {% endif %}>
	<button class="CustomDisclosure-toggle" type="button" aria-expanded="false" aria-haspopup="listbox">
		<span class="CustomDisclosure-toggleLabelWrapper">
			<span class="CustomDisclosure-toggleLabel js-CustomDisclosure-toggleLabel">{{ label|default("placeholder") }}</span>
		</span>
		{% include "@elements/icon/icon.twig" with {
			name: "chevron_down",
			classes: ["CustomDisclosure-toggleIcon"],
		} only %}
	</button>
	<div class="CustomDisclosure-itemsContainer"></div>
</custom-disclosure>