ant-design/components/steps/demo/small-size.md
2022-05-21 22:14:15 +08:00

516 B

order title
1
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.

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;