2.10 #Components.header Header
Header including title, optional back button, info text and action button.
Browser support: IE10+, Safari6+, Firefox30+, Chrome30+
Header title
Info regarding this page.
Markup
<header class="sb-header">
<button class="sb-header__back" aria-label="Back">
<svg class="sb-icon" viewBox="0 0 9 16">
<path d="M8.02631579,16 C8.13407895,16 8.24181579,15.9588947 8.32402632,15.8766579 C8.48847368,15.7122368 8.48847368,15.4456316 8.32402632,15.2812105 L1.04281579,8 L8.32402632,0.718763158 C8.48847368,0.554342105 8.48847368,0.287736842 8.32402632,0.123315789 C8.15957895,-0.0411052632 7.893,-0.0411315789 7.72857895,0.123315789 L0.149631579,7.70226316 C-0.0148157895,7.86668421 -0.0148157895,8.13328947 0.149631579,8.29771053 L7.72857895,15.8766579 C7.81081579,15.9588947 7.91855263,16 8.02631579,16 L8.02631579,16 Z"></path>
</svg>
</button>
<div class="sb-header__content">
<div class="sb-header__text">
<h1 class="sb-header__title sb-title">Header title</h1>
<p class="sb-header__info sb-text">Info regarding this page.</p>
</div>
<button href="#" class="sb-header__btn sb-btn sb-btn--primary">Action button</button>
</div>
</header>
Source: components/_header.scss, line 1