Skip to content

Slider

Slider

jsx
import Slider from 'intergalactic/slider';
<Slider />;
import Slider from 'intergalactic/slider';
<Slider />;

SliderProps

& & {...}
NameTypeDescription
valueNumeric value
defaultValueNumeric default value
minnumberMinimum value
maxnumberMaximum value
stepnumberValue change step
onChange((value: , event: React.SyntheticEvent) => void) | React.Dispatch<React.SetStateAction<>>Handler for changing the value
disabledbooleanDisable element
optionsSliderOption<>[]

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

Released under the MIT License.

Released under the MIT License.