ヘッダー・フッター

アプリケーションのヘッダーとフッターバー。

ヘッダー

アプリタイトル

<div class="kit-header">
  <span class="kit-header-title">アプリタイトル</span>
  <div class="kit-header-actions">
    <button class="kit-button -small">アクション</button>
  </div>
</div>

フッター

ステータス: 準備完了

<div class="kit-footer">
  <span>ステータス: 準備完了</span>
</div>

スティッキー

スティッキーヘッダー

<div class="kit-header -sticky">
  <span class="kit-header-title">スティッキーヘッダー</span>
</div>

フラット

フラットヘッダー

<div class="kit-header -flat">
  <span class="kit-header-title">フラットヘッダー</span>
</div>