ヘッダーHeader
Experimental

ロゴ、主要ナビゲーション、右側の操作をページ上部にまとめて表示します。

状態とバリエーション

狭いヘッダーやアプリ内画面では、主要リンクを別ナビゲーションに逃がしてブランドと操作だけにできます。

タブレットやスマホでは主要リンクをヘッダー上に並べず、右側から開くドロワーにまとめて表示できます。

表は横にスクロールできます

プロパティ	型	初期値	説明
Header	header	-	ブランド、主要ナビゲーション、操作を横並びにするルート。
HeaderBrand	div	-	ロゴやサービス名を入れる左側スロット。
HeaderNavLink.active	boolean	-	現在ページのリンクを強調します。
HeaderActions	div	-	検索、ログイン、テーマ切替などの操作スロット。