Skip to main content

Slider

The slider component allows you to get a number from the user.

Slider API

The following section details Slider component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Controls

This component can be controlled by frontend scripts using these functions:

NameParametersDescriptionExample
setValueid: string, value: anyManually set or force the value of a component.setValue(id: 'a', value: 17)

Slider configuration

NameTypeConnectableTemplatableDefaultDescription
minnumberfalsefalse0The minimum value of the slider.
maxnumberfalsefalse42The maximum value of the slider.
stepnumberfalsefalse1The step of the slider.
Default ValuenumberfalsefalseundefinedThe default value of the slider.
VerticalbooleanfalsefalsefalseThe orientation of the slider.
DisabledbooleanfalsefalsefalseThe state of the slider.
Axis Stepnumberfalsefalse10Spread between each number suggestion when using the arrow keys.

Outputs

NameTypeDescription
resultnumberThe slider value.