<Slider
defaultValue={value}
step={2}
onChange={this.onChange}
wrapperClassName={styles.slider}
trackClassName={styles.sliderTrack}
handleClassName={styles.sliderHandle}
/>
<Slider
step={2}
orientation="vertical"
defaultValue={value}
onChange={this.onChange}
handleClassName={styles.sliderHandle}
/>
<Slider
step={2}
onChange={this.onChange}
wrapperStyle={styles.slider}
trackStyle={styles.trackStyle}
handleStyle={styles.handleStyle}
hoveredHandleStyle={styles.hoveredHandleStyle}
focusedHandleStyle={styles.focusedHandleStyle}
activeHandleStyle={styles.activeHandleStyle}
/>
<Slider
step={2}
disabled
defaultValue={25}
onChange={this.onChange}
wrapperClassName={styles.slider}
trackClassName={styles.sliderTrack}
handleClassName={styles.sliderHandle}
disabledHandleClassName={styles.disabledSliderHandle}
/>
<RangeSlider
step={2}
onChange={this.onChange}
wrapperClassName={styles.slider}
highlightedTrackClassName={styles.sliderHighlightedTrack}
trackClassName={styles.sliderTrack}
handleClassName={styles.sliderHandle}
/>
<RangeSlider
step={2}
value={value}
onChange={this.onChange}
orientation="vertical"
handleClassName={styles.sliderHandle}
/>
<RangeSlider
step={5}
value={value}
min={-100}
max={100}
onChange={this.onChange}
wrapperStyle={styles.slider}
trackStyle={styles.trackStyle}
highlightedTrackStyle={styles.highlightedTrackStyle}
handleStyle={styles.handleStyle}
hoveredHandleStyle={styles.hoveredHandleStyle}
focusedHandleStyle={styles.focusedHandleStyle}
activeHandleStyle={styles.activeHandleStyle}
/>
<RangeSlider
step={2}
readOnly
defaultValue={value}
onChange={this.onChange}
/>