Skip to content

The Slider Component ​

Use the Slider component to select a value from a range.

TriggerComponent

Example

ts
if (_.xSlider(value, disabled, step, min, max)) {
  alert(`New value: ${_.$ev}`);
}

Param: value ​

type: number

The percentage of the slider, from 0 to 100.

Param: disabled ​

optional
= false

type: boolean

Whether the slider is disabled.

Param: step ​

optional
= 1

type: number

The step of the slider.

Param: min ​

optional
= 0

type: number

The minimum value of the slider.

Param: max ​

optional
= 100

type: number

The maximum value of the slider.

Triggered when: change ​

data type: number

When the value of the slider is changed, the new value will be emitted.