@momentum-ui/react/src/lib/Slider/examples/Step.js

Cisco Momentum UI framework for ReactJs applications

import React from 'react';
import { Slider } from '@momentum-ui/react';
export default class SliderStep extends React.Component {
  state = {
    slider1: { low: 100, high: 200 }
  }
  render() {
    return (
      <React.Fragment>
        <div>
          <h5>Low: {this.state.slider1.low} High: {this.state.slider1.high}</h5>
          <Slider
            min={0}
            max={500}
            tick={100}
            value={this.state.slider1}
            step={20}
            canCross
            onChange={value => this.setState({ slider1: value })}
          />
        </div>
      </React.Fragment>
    );
  }
}