Header & Footer

Application header and footer bars.

Header

App Title

<div class="kit-header">
  <span class="kit-header-title">App Title</span>
  <div class="kit-header-actions">
    <button class="kit-button -small">Action</button>
  </div>
</div>

Footer

Status: Ready

<div class="kit-footer">
  <span>Status: Ready</span>
</div>

Sticky

Sticky Header

<div class="kit-header -sticky">
  <span class="kit-header-title">Sticky Header</span>
</div>

Flat

Flat Header

<div class="kit-header -flat">
  <span class="kit-header-title">Flat Header</span>
</div>