I am using the component in the following manner
<Range dots max={(this.props.items.length-1)*10} step={10} onChange={this.onRangeChange} defaultValue={[this.props.selected*10]} />
The following div which shows how much of the range slider has been traversed should also have been present in the html
<div class="rc-slider-track" style="left: 0%; width: 0%;"> </div>
The examples clearly show this div to be present ."left" attribute of the style is dynamically updated based upon how you would traverse in the slider.I need this as I would have to style the portion of the slider already traversed.
I did try add trackStyle={{ backgroundColor: 'green'}} to style the track traversed but since the above mentioned div doesn't exist ,there seems to be no effect.
I am using the component in the following manner
<Range dots max={(this.props.items.length-1)*10} step={10} onChange={this.onRangeChange} defaultValue={[this.props.selected*10]} />
The following div which shows how much of the range slider has been traversed should also have been present in the html
<div class="rc-slider-track" style="left: 0%; width: 0%;"> </div>
The examples clearly show this div to be present ."left" attribute of the style is dynamically updated based upon how you would traverse in the slider.I need this as I would have to style the portion of the slider already traversed. I did try add
trackStyle={{ backgroundColor: 'green'}}
to style the track traversed but since the above mentioned div doesn't exist ,there seems to be no effect.