Slider

<Slider> is a UI component that provides a slider control for picking values within a specified numeric range.

<Slidervalue="75"minValue="0"maxValue="100" />

<Slidervalue="75"minValue="0"maxValue="100" />

<slidervalue="{sliderValue}"onValueChange={sliderValueChanged} />

<slider
width={300}
value={sliderValue()}
on:valueChange={handleChange}
/>

<sliderbind:value={sliderValue} />

<Sliderv-model="sliderValue"/>

Props ​

value ​

value: number

Gets or sets the currently selected value of the slider.

Defaults to 0.

minValue ​

minValue: number

Gets or sets the minimum value of the slider.

maxValue ​

maxValue: number

Gets or sets the maximum value of the slider.

...Inherited ​

For additional inherited properties, refer to the API Reference.

Events ​

valueChange ​

on('valueChange', (args:PropertyChangeData) => {
constslider= args.object asSlider
 console.log('Slider value changed to', args.value)
})

Emitted when the value of the slider changes.

See PropertyChangeData.

Native component ​

• Android: android.widget.SeekBar
• iOS: UISlider

Contributors