ant-design/components/slider/demo/mark.md

分段式滑块

• order: 3

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

---

import { Slider } from 'antd';

ReactDOM.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'));