タブ
タブはビュー領域を切り替えるコンポーネントです。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | 自動設定 | id | string | 自動設定 | [id]プロパティはアクションで設定はできません。 |
| 2 | 幅 | 文字列 | 550 | width | string | 550 | コンポーネントの幅 |
| 3 | 高さ | 文字列 | 350 | height | string | 350 | コンポーネントの高さ |
| 4 | X | 文字列 | x | string | X座標位置 | ||
| 5 | Y | 文字列 | y | string | Y座標位置 | ||
| 6 | 色 | 文字列 カラーピッカー | color | string | コンポーネントの色 | ||
| 7 | 背景色 | 文字列 カラーピッカー | backgroundColor | string | 背景色 | ||
| 8 | ヘッダー色 | 文字列 カラーピッカー | headerColor | string | ヘッダーの色 | ||
| 9 | 非アクティブ色 | 文字列 カラーピッカー | inactiveColor | string | 非アクティブなタブの色 | ||
| 10 | 中央寄せ | 真偽 | OFF | centered | boolean | false | タブの中央寄せ |
| 11 | アクティブ | コンボボックス 1. [詳細1]のタブIDリスト | item1 | active | string | アクティブなタブID | |
| 12 | 値 | 表形式[詳細1] | [詳細1] | value | array of object | [詳細1] | タブの値 |
[詳細1] 値 (value)
デフォルトの状態は以下のように登録されています。[ADD]ボタンから登録します。 削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。
| 選択 | ID | アイコン | ラベル | 非アクティブ |
|---|---|---|---|---|
| チェックボックス | Item1 | ITEM 1 | ||
| チェックボックス | Item2 | ITEM 2 | ||
| チェックボックス | Item3 | ITEM 3 |
valueはオブジェクトの配列形式になります。
[{"id":"Item1","icon":"","label":"ITEM 1","disabled":false}, {"id":"Item2","icon":"","label":"ITEM 2","disabled":false}, {"id":"Item3","icon":"","label":"ITEM 3","disabled":false}]
イベント
なし