ボトムナビゲーション
ボトムナビゲーションはモバイルアプリケーションの最下層にスティッキーに位置するメニューコンポーネントです。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | bottom_navigation | id | string | bottom_navigation | [id]プロパティはアクションで設定はできません。 |
| 2 | 背景色 | 文字列 カラーピッカー | backgroundColor | string | コンポーネントの背景色 | ||
| 3 | アイコン・文字色 | 文字列 カラーピッカー | iconColor | string | アイコンと文字の通常時の色 | ||
| 4 | 選択時の背景色 | 文字列 カラーピッカー | selectedBackgroundColor | string | 選択されたアイテムの背景色 | ||
| 5 | 選択時のアイコン・文字色 | 文字列 カラーピッカー | selectedIconColor | string | 選択されたアイテムのアイコン・文字色 | ||
| 6 | 標高 | 数値 | 0 | elevation | number | 0 | コンポーネントの影の大きさ |
| 7 | 値 | 表形式[詳細1] | [詳細1] | value | array of object | [詳細1] | ナビゲーションアイテムの配列 |
| 8 | 選択中アイテム | 選択 1. None 2. [アイテムラベル] | selected | string | 選択中表示のアイテムID |
[詳細1] 値 (value)
デフォルトの状態は以下のように登録されています。[ADD]ボタンから登録します。
削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。
| 選択 | ID | アイコン | ラベル | クリックイベント | NEXT UI | URL |
|---|---|---|---|---|---|---|
| チェックボックス | item1 | Restore | Recents | None | ||
| チェックボックス | item2 | Favorite | Favorite | None | ||
| チェックボックス | item3 | LocationOn | Nearby | None |
イベント
なし