mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-06 19:18:03 +08:00
21 lines
522 B
Markdown
21 lines
522 B
Markdown
# 分段式滑块
|
|
|
|
- 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"]} isIncluded={false} defaultIndex={1} />
|
|
</div>
|
|
, document.getElementById('components-slider-demo-mark'));
|
|
````
|