mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 09:39:10 +08:00
32 lines
516 B
Markdown
32 lines
516 B
Markdown
---
|
|
order: 1
|
|
title:
|
|
zh-CN: 迷你版
|
|
en-US: Mini version
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
迷你版的步骤条,通过设置 `<Steps size="small">` 启用.
|
|
|
|
## en-US
|
|
|
|
By setting like this: `<Steps size="small">`, you can get a mini version.
|
|
|
|
```tsx
|
|
import { Steps } from 'antd';
|
|
import React from 'react';
|
|
|
|
const { Step } = Steps;
|
|
|
|
const App: React.FC = () => (
|
|
<Steps size="small" current={1}>
|
|
<Step title="Finished" />
|
|
<Step title="In Progress" />
|
|
<Step title="Waiting" />
|
|
</Steps>
|
|
);
|
|
|
|
export default App;
|
|
```
|