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<>[] |
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: