You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -89,17 +108,18 @@ The following APIs are shared by Slider and Range.
89
108
| included | boolean |`true`| If the value is `true`, it means a continuous value interval, otherwise, it is a independent value. |
90
109
| reverse | boolean |`false`| If the value is `true`, it means the component is rendered reverse. |
91
110
| disabled | boolean |`false`| If `true`, handles can't be moved. |
111
+
| keyboard | boolean |`true`| Support using keyboard to move handlers. |
92
112
| dots | boolean |`false`| When the `step` value is greater than 1, you can set the `dots` to `true` if you want to render the slider with dots. |
93
113
| onBeforeChange | Function | NOOP |`onBeforeChange` will be triggered when `ontouchstart` or `onmousedown` is triggered. |
94
114
| onChange | Function | NOOP |`onChange` will be triggered while the value of Slider changing. |
95
-
|onAfterChange| Function | NOOP |`onAfterChange` will be triggered when `ontouchend` or `onmouseup` is triggered. |
115
+
|onChangeComplete| Function | NOOP |`onChangeComplete` will be triggered when `ontouchend` or `onmouseup` is triggered. |
96
116
| minimumTrackStyle | Object || please use `trackStyle` instead. (`only used for slider, just for compatibility , will be deprecate at [email protected]`) |
97
117
| maximumTrackStyle | Object || please use `railStyle` instead (`only used for slider, just for compatibility , will be deprecate at [email protected]`) |
98
118
| handleStyle | Array[Object]\| Object |`[{}]`| The style used for handle. (`both for slider(`Object`) and range(`Array of Object`), the array will be used for multi handle following element order`) |
99
119
| trackStyle | Array[Object]\| Object |`[{}]`| The style used for track. (`both for slider(`Object`) and range(`Array of Object`), the array will be used for multi track following element order`)|
100
120
| railStyle | Object |`{}`| The style used for the track base color. |
101
-
| dotStyle | Object |`{}`| The style used for the dots. |
102
-
| activeDotStyle | Object |`{}`| The style used for the active dots. |
121
+
| dotStyle | Object \| (dotValue) => Object |`{}`| The style used for the dots. |
122
+
| activeDotStyle | Object \| (dotValue) => Object |`{}`| The style used for the active dots. |
103
123
104
124
### Slider
105
125
@@ -126,6 +146,7 @@ The following APIs are shared by Slider and Range.
126
146
| count | number |`1`| Determine how many ranges to render, and multiple handles will be rendered (number + 1). |
127
147
| allowCross | boolean |`true`|`allowCross` could be set as `true` to allow those handles to cross. |
128
148
| pushable | boolean or number |`false`|`pushable` could be set as `true` to allow pushing of surrounding handles when moving a handle. When set to a number, the number will be the minimum ensured distance between handles. Example: |
149
+
| draggableTrack | boolean |`false`| Open the track drag. open after click on the track will be invalid. |
129
150
130
151
### SliderTooltip
131
152
@@ -138,20 +159,13 @@ npm install
138
159
npm start
139
160
```
140
161
141
-
## Example
142
-
143
-
`npm start` and then go to `http://localhost:8005/examples/`
0 commit comments