Slider
is the form slider control.
<Slider defaultValue={20} />
<Slider defaultValue={20} />
Basic usage of Slider component.
Properties | Description | Type | Default |
---|---|---|---|
min | The min value | number | 0 |
max | The max value | number | 100 |
step | The step distance, the value must be greater than 0 , and can be divisible by (max-min) . When marks is not null, the configuration of step is invalid | number | 1 |
disabled | Whether the control is disabled | boolean | false |
value | The current value | number | [number, number] | - |
range | Whether the control is a double sliders | boolean | false |
defaultValue | The default value | number | [number, number] | range ? [0, 0] : 0 |
onChange | Triggered when the slider is dragged, and the current dragged value is passed in as a parameter | (value: number | [number, number]) => void | - |
onAfterChange | Consistent with the trigger timing of touchend , pass the current value as a parameter | (value: number | [number, number]) => void | - |
icon | The icon of slider | ReactNode | - |
ticks | Whether to display the Ticks | boolean | false |
marks | The Marks of Ticks | {[key: number]: React.ReactNode} | - |