# 分段式滑块

- order: 3

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

---

````jsx
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"]} included={false} defaultIndex={1} />
</div>
, document.getElementById('components-slider-demo-mark'));
````