rc-slider@1.5.1

slider ui component for react

'use strict';

require('rc-slider/assets/index.css');

var Slider = require('rc-slider');
var React = require('react');

function onChange(v) {
  console.log(v);
}

React.render(
  <div>
    <div style={{width:400,margin:100}}>
      <Slider onChange={onChange} tipTransitionName='rc-slider-tooltip-zoom-down'/>
    </div>
    <div style={{width:400,margin:100}}>
      <Slider marks={["一","二","三","四","五"]} defaultIndex={2}/>
    </div>
    <div style={{width:400,margin:100}}>
      <Slider withDots step={20}/>
    </div>
    <div style={{width:400,margin:100}}>
      <Slider step={20}/>
    </div>
  </div>
  , document.getElementById('__react-content'));
Fork me on GitHub