Range
The slider component allows you to get a range of numbers from the user.
The following section details Range component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:
App Editor Documentation
The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.
Apps Quickstart
Learn how to build your first app in a matter of minutes.
Controls
This component can be controlled by frontend scripts using these functions:
| Name | Parameters | Description | Example |
|---|---|---|---|
| setValue | id: string, value: any | Manually set or force the value of a component. | setValue(id: 'a', value: 17) |
Range configuration
| Name | Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|---|
| min | number | false | false | 0 | The minimum value of the range. |
| max | number | false | false | 42 | The maximum value of the range. |
| Default low | number | false | false | 10 | The default low value of the range. |
| Default high | number | false | false | 20 | The default high value of the range. |
| Axis Step | number | false | false | 10 | Spread between each number suggestion when using the arrow keys. |
| Step | number | false | false | 1 | Spread between each number suggestion. |
| Disabled | boolean | false | false | false | The state of the range. |
Outputs
| Name | Type | Description |
|---|---|---|
| result 0 | number | The range bottom value. |
| result 1 | number | The range top value. |