menu

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

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/footer/menu
additionalProperties: false
type: object
required:
  - items
properties:
  items:
    type: array
    items:
      type: object
      properties:
        title:
          type: string
        url:
          type: string
          format: uri-reference
  label:
    type: string

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

items:
  - title: Impressum
    url: url
  - title: Privacy
    url: url
  - title: Cookies
    url: url
label: Footer

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

{%- if items and items|length > 0 -%}
<nav class="FooterMenu-nav"{% if label %} aria-label="{{ label }}"{% endif %} itemscope itemtype="http://schema.org/SiteNavigationElement">
	<ul class="FooterMenu-list">
		{%- for item in items -%}
			<li class="FooterMenu-item">
				<a class="FooterMenu-link u-linkHover" href="{{ item.url }}" itemprop="url"{% if item.in_active_trail %} aria-current="page"{% endif %}>
					<span itemprop="name">
						{{ item.title }}
					</span>
				</a>
			</li>
		{%- endfor -%}
	</ul>
</nav>
{%- endif -%}