Skip to content

Slider

Slider

jsx
import Slider from '@semcore/ui/slider';
<Slider />;

SliderProps

& & {...}
NameTypeDescription
value Numeric value
defaultValue Numeric default value
minnumber Minimum value
maxnumber Maximum value
stepnumber Value change step
onChange((value: , event: React.SyntheticEvent) => void) | React.Dispatch<React.SetStateAction<>> Handler for changing the value
disabledboolean Disable element
optionsSliderOption<>[]

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>;

Released under the MIT License.

Released under the MIT License.