ant-design/components/slider/demo/mark.md
2015-07-21 00:10:13 +08:00

514 B

分段式滑块

  • order: 3

使用 marks 属性标注分段式滑块,结合 index 可以指定滑块按钮初始位置。


var Slider = antd.Slider;

React.render(
<div className="sliderContainer">
  <p>包含关系</p>
  <Slider marks={["状态1","状态2","状态3","状态4"]} defaultIndex={1} />
  <p>并列关系</p>
  <Slider marks={["状态1","状态2","状态3","状态4"]} isIncluded={false} defaultIndex={1} />
</div>
, document.getElementById('components-slider-demo-mark'));