Slider
Slider
jsx
import Slider from '@semcore/ui/slider';
<Slider />;SliderProps
& {...}| Name | Type | Description |
|---|---|---|
| value | Numeric value | |
| defaultValue | Numeric default value | |
| min | number | Minimum value |
| max | number | Maximum value |
| step | number | Value change step |
| onChange | ((value: , event: React.SyntheticEvent) => void) | React.Dispatch<React.SetStateAction<>> | Handler for changing the value |
| disabled | boolean | Disable element |
| options | SliderOption<>[] | Predefined slider options |
Slider.Bar
jsx
import Slider from '@semcore/ui/slider';
<Slider.Bar />;Slider.Knob
jsx
import Slider from '@semcore/ui/slider';
<Slider.Knob />;Slider.Options & Slider.Item
jsx
import Slider from '@semcore/ui/slider';
<Slider.Options>
<Slider.Item />
</Slider.Options>;Last updated: