You can configure a single or double slider as well as the step, maximum and minimum values, prefix, suffix, precision, and range of the slider.

Configuration description

FieldDescriptionData typeRequired?Remarks
nameThe name of the control.stringYesNone.
typeThe type of the control.stringYesNone.
defaultThe default value.number or arrayNoIf this field is not specified, the default value is empty.
stepThe step.numberNoNone.
minThe minimum value.numberNoNone.
maxThe maximum value.numberNoNone.
prefixThe prefix.stringNoNone.
suffixThe suffix.stringNoNone.
precisionThe precision of the value in the slider. It is indicated by the number of decimal places.numberNoThis field takes effect only for decimal values.
modeThe type of the slider.stringNoValid values:
  • single (This is the default value.)
  • double
showRangeSpecifies whether to show the value range.booleanNoThis field takes effect only when the mode field is set to double. Default value: false.
showCurrentRangeSpecifies whether to show the current value range.booleanNoThis field takes effect only when the mode field is set to single. Default value: true.

Value description

ConditionData typeExampleDefault value
The mode field is set to single.number220
The mode field is set to double.array[10,30][0,0]

Configuration examples

  • The mode field set to singleConfiguration example of a single slider
    "slider": {
        "name": "Alpha",
        "type": "slider",
        "step": 0.1,
        "min": 0,
        "max": 1,
        "suffix": "α",
        "showRange": true
      }
  • The mode field set to doubleConfiguration example of a double slider
    "slider": {
        "name": "Filter Range",
        "type": "slider",
        "mode": "double",
        "step": 1,
        "min": 10,
        "max": 30,
        "showCurrentRange": true
      }