You are reading docs for v1.3.1, click here for the latest version.
- introduction
- getting-started
- routing
- utilities
- elements:layouts
- elements:action-bar
- elements:components
- elements:dialogs
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
| Name | Type | Description |
|---|---|---|
value | Number | Gets or sets the currently selected value of the slider. Default value: 0. |
minValue | Number | Gets or sets the minimum value of the slider. Default value: 0. |
maxValue | Number | Gets or sets the maximum value of the slider. Default value: 100. |
Events
| Name | Description |
|---|---|
valueChange | Emitted when the value of the slider changes. |
Native component
| Android | iOS |
|---|---|
android.widget.SeekBar | UISlider |
Contributors
