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

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

スリム

ミディアム


コンパクト


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