Header

Headerは、Webサイトやアプリケーションのページ上部に表示されるコンポーネントです。
ナビゲーションやメニューなどの主要な要素を表示します。

プロパティ

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

名前 デフォルト値 説明
desktopMenus GlobalNavigationItem[] [] PC用のメニューとして表示する値の配列です。
mobileMenus MenuItem[] [] SP用のメニューとして表示する値の配列です。
currentIndex number 現在選択されているメニューを示すハイライト用の数値です。
profileImgUrl string '' プロフィール画像のURLです。
placeholder string '' 検索窓のプレースホルダーです。

インストールの手順

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

依存コンポーネント

Headerを使うときは、以下のコンポーネントもダウンロードが必要です。

使い方

サンプル

Default

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