mkdocs-material/material/header.html

<header class="md-header">
  <nav class="md-grid md-header-nav">
    <div class="md-flex">
      <div class="md-flex__cell md-flex__cell--shrink">
        <label class="md-icon md-icon--menu md-header-nav__icon" for="md-toggle-drawer"></label>
      </div>
      <div class="md-flex__cell md-flex__cell--stretch md-header-nav__title">
        <span class="md-flex__ellipsis">
          {{ page_title | default(site_name, true) }}
        </span>
      </div>
      <div class="md-flex__cell md-flex__cell--shrink">
        <label class="md-icon md-icon--search md-header-nav__icon" for="md-toggle-search"></label>
        <div class="md-header-search">
          <form class="md-header-search__form">
            <input type="text" class="md-header-search__input" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" id="md-search">
            <label class="md-icon md-icon--search md-header-search__icon" for="md-search"></label>
            <div class="md-header-search__suggest">
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
              FOO<br>
            </div>
          </form>
        </div>
      </div>
    </div>
  </nav>
</header>