header.twig

<div{{ attributes.addClass('umami-header') }}>
  <div class="umami-header__logo">
    {% block logo %}{% endblock %}
  </div>
  <button
    type="button"
    class="umami-header__burger"
    aria-controls="umami-header__dropdown"
    aria-expanded="false"
    aria-label="{{ 'Toggle the menu'|t }}"
  >
    {{ source(componentMetadata.path ~ '/icons/burger.svg') }}
  </button>
  <div class="umami-header__dropdown">
    {% block dropdown %}{% endblock %}
  </div>
  </div>
</div>

File

View on git.drupalcode.org

core/profiles/demo_umami/themes/umami/components/header/header.twig

View source 
  1. <div{{ attributes.addClass('umami-header') }}>

  2.   <div class="umami-header__logo">

  3.     {% block logo %}{% endblock %}

  4.   </div>

  5.   <button

  6.     type="button"

  7.     class="umami-header__burger"

  8.     aria-controls="umami-header__dropdown"

  9.     aria-expanded="false"

  10.     aria-label="{{ 'Toggle the menu'|t }}"

  11.   >

  12.     {{ source(componentMetadata.path ~ '/icons/burger.svg') }}

  13.   </button>

  14.   <div class="umami-header__dropdown">

  15.     {% block dropdown %}{% endblock %}

  16.   </div>

  17.   </div>

  18. </div>

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.