Slider
jsx
import Slider from 'intergalactic/slider';
<Slider />;import Slider from 'intergalactic/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 'intergalactic/slider';
<Slider.Bar />;import Slider from 'intergalactic/slider';
<Slider.Bar />;Slider.Knob
jsx
import Slider from 'intergalactic/slider';
<Slider.Knob />;import Slider from 'intergalactic/slider';
<Slider.Knob />;Slider.Options & Slider.Item
jsx
import Slider from 'intergalactic/slider';
<Slider.Options>
<Slider.Item />
</Slider.Options>;import Slider from 'intergalactic/slider';
<Slider.Options>
<Slider.Item />
</Slider.Options>;