NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
Slider

This is an overview of the most common usage of Slider. For more information about the available properties, methods, or events, head over to the complete API documentation for Slider.

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


<Slider value="80" @valueChange="onValueChanged" />

<Slider> provides two-way data binding using v-model:

<Slider v-model="value" />

Props

NameTypeDescription
valueNumberGets or sets the currently selected value of the slider.
Default value: 0.
minValueNumberGets or sets the minimum value of the slider.
Default value: 0.
maxValueNumberGets or sets the maximum value of the slider.
Default value: 100.

Events

NameDescription
valueChangeEmitted when the value of the slider changes.

Native component

AndroidiOS
android.widget.SeekBarUISlider
Contributors