パンくずリスト
パンくずリスト形式でアイコン、リンク、文字列を組み合わせた表示コンポーネントです。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | 自動設定 | id | string | 自動設定 | [id]プロパティはアクションで設定はできません。） |
| 2 | 幅 | 数値 | 312 | width | number | 312 | コンポーネントの幅 |
| 3 | 高さ | 数値 | 40 | height | number | 40 | コンポーネントの高さ |
| 4 | X | 数値 | x | number | X座標の位置 | ||
| 5 | Y | 数値 | y | number | Y座標の位置 | ||
| 6 | 区切り文字 | 文字列 | / | separator | string | / | パンくずリスト要素間の区切り文字 |
| 7 | 表示 | 真偽 | ON | visibility | boolean | true | コンポーネントの表示状態 |
| 8 | 水平位置 | 選択 1. 左 2. 中央 3. 右 | 左 | horizontalAlignment | string | left | パンくずリストの水平配置 |
| 9 | 垂直位置 | 選択 1. 上 2. 中央 3. 下 | 上 | verticalAlignment | string | top | パンくずリストの垂直配置 |
| 10 | 値 | 表形式[詳細1] | [詳細1] | value | array of object | [詳細1] | パンくずリスト要素の配列 |
[詳細1] 値 (value)
デフォルトの状態は以下のように登録されています。[ADD]ボタンから登録します。
削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。
| 選択 | ID | アイコン | ラベル | クリックイベント | Next UI | URL |
|---|---|---|---|---|---|---|
| チェックボックス | item1 | Home | Home | None | ||
| チェックボックス | item2 | Category1 | None | |||
| チェックボックス | item3 | Category2 | None |
イベント
なし