スライダー
スライダーは範囲内の数値を入力をするコンポーネントです。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | 自動設定 | id | string | 自動設定 | [id]プロパティはアクションで設定はできません。 |
| 2 | 幅 | 数値 | 222 | width | number | 222 | コンポーネントの幅 |
| 3 | 高さ | 数値 | 40 | height | number | 40 | コンポーネントの高さ |
| 4 | X | 数値 | x | number | X座標位置 | ||
| 5 | Y | 数値 | y | number | Y座標位置 | ||
| 6 | 色 | 文字列 カラーピッカー | color | string | コンポーネントの色 | ||
| 7 | 背景色 | 文字列 カラーピッカー | backgroundColor | string | 背景色 | ||
| 8 | 入力文字色 | 文字列 カラーピッカー | inputColor | string | 入力文字の色 | ||
| 9 | 非アクティブ | 真偽 | OFF | disabled | boolean | false | 非アクティブ状態 |
| 10 | 読み取り専用 | 真偽 | OFF | readOnly | boolean | false | 読み取り専用状態 |
| 11 | 表示 | 真偽 | ON | visibility | boolean | true | コンポーネントの表示/非表示 |
| 12 | 垂直位置 | 選択 1. 上 2. 中央 3. 下 | 上 | verticalAlignment | string | top | 垂直位置の配置 |
| 13 | 最小値 | 数値 | 0 | min | number | 0 | スライダーの最小値 |
| 14 | 最大値 | 数値 | 100 | max | number | 100 | スライダーの最大値 |
| 15 | ステップ単位 | 数値 | 1 | step | number | 1 | スライダーのステップ単位 |
| 16 | ラベル表示 | 選択 1. 自動 2. オン 3. オフ | オン | valueLabel | string | on | ラベルの表示設定 |
| 17 | ヘルパーテキスト | 文字列 | helperText | string | ヘルパーテキスト | ||
| 18 | 値 | 数値 | 50 | value | number | 50 | スライダーの値 |
| 19 | エラー | error | boolean | false | エラー状態 | ||
| 20 | チェンジイベント | 選択 1. なし 2. アクション | なし | 値変更時のイベント |
イベント
| イベント名 | 説明 |
|---|---|
| onchange | 値の変更が行われた時に発生します。 |