details

// src/components/template-components/footer/details/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/footer/details
additionalProperties: false
properties:
  title:
    type: string
  content:
    type: string
    format: html
    description: elements/*
  classes:
    type: array
    items:
      type: string
required:
  - title
  - content

// src/components/template-components/footer/details/mocks.yaml

title: Kontakt
content:
  $ref: template-components/footer/contact
  $tpl: template-components/footer/contact

// src/components/template-components/footer/details/details.twig

<details class="FooterDetails
	{%- if classes %} {{ classes|join(" ") }}{% endif -%}"
>
	<summary class="FooterDetails-title u-typo-HeadlineS u-outline">
		{{ title }}
		{% include "@elements/icon/icon.twig" with {
			classes: ["FooterDetails-titleIcon"],
			name: "chevron_down",
		} only %}
	</summary>
	<div class="FooterDetails-content">
		{{ content }}
	</div>
</details>