Global Navigation

GlobalNavigationは、Webサイトやアプリケーション全体を通じて常に表示される主要なナビゲーションメニューです。

プロパティ

GlobalNavigationは、以下のプロパティをサポートしています。

名前	型	デフォルト値	説明
`menus`	`GlobalNavigationItem[]`		メニューとして表示する値の配列
`direction`	`string`	`left`	メニューとして表示する値の配列です。`left`, `right` のいずれかを選択できます。
`currentIndex`	`number`		現在の階層を指定するnumberです。

GlobalNavigationItemは、各メニュー項目を表すオブジェクトです。

名前	型	説明
`id`	`any`	メニューのidです。
`label`	`string`	メニューのラベルです。
`link`	`GlobalNavigationLink`	メニューのリンク先です。
`disabled`	`boolean`	操作できるかどうか。
`hasSubMenu`	`boolean`	表示するコンテンツがあるかどうか。

LinkItemは、リンク情報を表すオブジェクトです。

名前	型	デフォルト値	説明
`href`	`string`		遷移するリンク先です。
`blank`	`boolean`		別タブで開くかどうか。

以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。

特に操作が行われていない、デフォルトの状態です。

メニューを寄せる方向を指定できます。

現在表示中のページやコンテンツの位置を示します。

操作できない状態です。

リストを表示させることもできます。