Heading

Default

.e-header

<div class="e-header">
  <h1>
    Ipsum in eu excepteur ut duis 
  </h1>
  <a class="e-header__back" href="#0">
    Go to Overview
  </a>
</div>
<div class="e-header"><h1>Aliqua voluptate non dolore ullamco aliqua </h1><a class="e-header__back" href="#0">Go to Overview</a></div>

Ut fugiat ut voluptate ut laboris

Go to Overview

Variations

With button.e-header-flex and .e-header__button

<div class="e-header e-header-flex">
  <h1>
    Voluptate duis in laborum occaecat deserunt officia pariatur est veniam 
  </h1>
  <div class="e-header__button">
    <div class="e-buttongroup">
      <button class="e-btn e-btn-primary">
        Call to action
      </button>
      <button class="e-btn">
        Button
      </button>
      <button class="e-btn e-btn-link">
        Go to overview
      </button>
    </div>
  </div>
</div>
<div class="e-header e-header-flex"><h1>Pariatur mollit veniam laborum cillum esse qui dolor eu labore </h1><div class="e-header__button"><div class="e-buttongroup"><button class="e-btn e-btn-primary">Call to action</button><button class="e-btn">Button</button><button class="e-btn e-btn-link">Go to overview</button></div></div></div>

Dolore deserunt ipsum velit esse incididunt est culpa culpa proident

Without H1.e-header__title

<div class="e-header">
  <div class="e-header__title">
    Nisi enim eiusmod sed pariatur pariatur 
  </div>
  <a class="e-header__back" href="#0">
    Go to Overview
  </a>
</div>
<div class="e-header"><div class="e-header__title">Nisi deserunt enim et dolore aute </div><a class="e-header__back" href="#0">Go to Overview</a></div>
Ea do adipiscing amet mollit eiusmod
Go to Overview

Related components

Button groupButtonDropdown