ヘッダーコンテナ(概要)

ヘッダーコンテナは、ヘッダーに含まれるアイテムとして使う、さまざまなコンポーネントが内包されます。
多くのコンポーネントを格納可能であるため、エリアで区切って示しています。
仕様
ワイド
フル

スリム

ミディアム


コンパクト


- ①ロゴ
- ②ヘッダーコンテナアイテム
- ヘッダーコンテナアイテムのエリアには、ヘッダーコンテナ内のあらゆる汎用的なコンポーネントが内包されます。たとえば、以下のようなコンポーネントです。 - ユーティリティリンク
- ランゲージセレクター
- 検索ボックス【今後、提供予定】
- 新規登録/ログイン/ログアウトボタン【今後、提供予定】
 
- ③グローバルメニュー
- ④ハンバーガーメニューボタン
- 画面幅の狭いデバイスでヘッダーコンテナアイテムやグローバルメニューを内包するための、メニューパネル開閉ボタンです。 
各種リソース
| 種別 | リソース | 状態 | 
|---|---|---|
| デザイン | デザインデータ(Figma) | 提供中 | 
| 実装 | ソースコード(HTML+CSS) | 提供予定 | 
| サンプル(HTML+CSS) | 提供予定 | |
| ソースコード(React+Tailwind CSS) | 提供予定 | |
| サンプル(React+Tailwind CSS) | 提供予定 |