2019-10-22 17:02:35 +08:00
|
|
|
# Slider
|
2020-01-29 15:15:42 +08:00
|
|
|
As far as I know, it is awalys used as volumn control.
|
|
|
|
## Demos
|
2019-10-22 17:02:35 +08:00
|
|
|
```demo
|
|
|
|
basic
|
|
|
|
range
|
|
|
|
mark
|
2020-01-29 15:15:42 +08:00
|
|
|
```
|
|
|
|
## V-model
|
|
|
|
|Prop|Event|
|
|
|
|
|-|-|
|
|
|
|
|value|change|
|
|
|
|
|
|
|
|
## Props
|
|
|
|
|Name|Type|Default|Description|
|
|
|
|
|-|-|-|-|
|
2020-03-14 18:12:47 +08:00
|
|
|
|theme|`'light' \| 'dark'`|`null`||
|
2020-02-04 18:39:05 +08:00
|
|
|
|marks|`{ [markValue: number]: string }`|||
|
2020-01-29 15:15:42 +08:00
|
|
|
|disabled|`boolean`|`false`||
|
|
|
|
|min|`number`|`0`||
|
|
|
|
|max|`number`|`100`||
|
|
|
|
|step|`number`|`1`||
|
|
|
|
|range|`boolean`|`false`||
|
2020-01-30 23:54:06 +08:00
|
|
|
|value|`number \| [number, number]`|`null`|
|
2020-01-29 15:15:42 +08:00
|
|
|
|
|
|
|
## Events
|
|
|
|
|Name|Parameters|Description|
|
|
|
|
|-|-|-|
|
2020-01-30 23:54:06 +08:00
|
|
|
|change|`(value: number \| [number, number])`||
|
2020-01-29 15:15:42 +08:00
|
|
|
|