Header
Headerは、Webサイトやアプリケーションのページ上部に表示されるコンポーネントです。
ナビゲーションやメニューなどの主要な要素を表示します。
プロパティ
Headerは、以下のプロパティをサポートしています。
| 名前 | 型 | デフォルト値 | 説明 |
|---|---|---|---|
desktopMenus |
GlobalNavigationItem[] |
[] | PC用のメニューとして表示する値の配列です。 |
mobileMenus |
MenuItem[] |
[] | SP用のメニューとして表示する値の配列です。 |
currentIndex |
number |
現在選択されているメニューを示すハイライト用の数値です。 | |
profileImgUrl |
string |
'' | プロフィール画像のURLです。 |
placeholder |
string |
'' | 検索窓のプレースホルダーです。 |
インストールの手順
以下のコンポーネントのコードを、使いたいプロジェクトにコピー&ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。
依存コンポーネント
Headerを使うときは、以下のコンポーネントもダウンロードが必要です。
使い方
サンプル
Default
特に操作が行われていない、デフォルトの状態です。