header

Information

Folder
src/components/patterns/header

Files

Schema
// src/components/patterns/header/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/header
type: object
required:
  - logo_url
  - nav
additionalProperties: false
properties:
  logo_url:
    type: string
    format: uri-reference
  nav:
    $ref: /patterns/header/nav
Mocks
// src/components/patterns/header/mocks.yaml

logo_url: /
nav:
  $ref: /patterns/header/nav
Template
// src/components/patterns/header/header.twig

<header class="Header u-container">
	{% include "@elements/logo/logo.twig" with {
		class: "Header-logo",
		url: logo_url,
		label: "Startseite",
		width: 273,
		height: 339,
	} only %}

	{% include "@patterns/header/nav/nav.twig" with nav only %}
</header>

Variants

default
Open