ant-design/components/steps/demo/small-size.md

29 lines
470 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 1
2016-07-21 10:07:30 +08:00
title:
zh-CN: 迷你版
en-US: Mini version
2016-03-31 09:40:55 +08:00
---
2015-06-25 16:01:04 +08:00
2016-07-21 10:07:30 +08:00
## zh-CN
2015-09-01 17:43:08 +08:00
迷你版的步骤条,通过设置 `<Steps size="small">` 启用.
2015-06-25 18:12:42 +08:00
2016-07-21 10:07:30 +08:00
## en-US
By setting like this: `<Steps size="small">`, you can get a mini version.
2017-02-13 10:55:53 +08:00
````jsx
import { Steps } from 'antd';
2018-06-27 15:55:04 +08:00
const Step = Steps.Step;
2015-06-25 18:12:42 +08:00
2016-07-21 14:20:49 +08:00
ReactDOM.render(
<Steps size="small" current={1}>
<Step title="Finished" />
<Step title="In Progress" />
<Step title="Waiting" />
2018-06-27 15:55:04 +08:00
</Steps>,
mountNode);
2015-06-25 20:01:20 +08:00
````