

<DemoTitle title="Steps" desc="引导用户按照流程完成任务的导航条。">
#### API

<AntdApiRef url="https://ant.design/components/steps-cn/#api"></AntdApiRef>


## antd API

通用属性参考：[通用属性](/docs/react/common-props)

### Steps

整体步骤条。

| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| className | 步骤条类名 | string | - |  | 
| current | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过  | number | 0 |  | 
| direction | 指定步骤条方向。目前支持水平（ | string | horizontal |  | 
| initial | 起始序号，从 0 开始记数 | number | 0 |  | 
| labelPlacement | 指定标签放置位置，默认水平放图标右侧，可选  | string | horizontal |  | 
| percent | 当前  | number | - | 4.5.0 | 
| progressDot | 点状步骤条，可以设置为一个 function，labelPlacement 将强制为  | boolean \| (iconDot, {index, status, title, description}) => ReactNode | false |  | 
| responsive | 当屏幕宽度小于  | boolean | true |  | 
| size | 指定大小，目前支持普通（ | string | default |  | 
| status | 指定当前步骤的状态，可选  | string | process |  | 
| type | 步骤条类型，可选  | string | default | inline: 5.0 | 
| onChange | 点击切换步骤时触发 | (current) => void | - |  | 
| items | 配置选项卡内容 |  | [] | 4.24.0 | 


### `type="inline"`

| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| className | 步骤条类名 | string | - |  | 
| current | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过  | number | 0 |  | 
| initial | 起始序号，从 0 开始记数 | number | 0 |  | 
| status | 指定当前步骤的状态，可选  | string | process |  | 
| onChange | 点击切换步骤时触发 | (current) => void | - |  | 
| items | 配置选项卡内容，不支持  |  | [] | 4.24.0 | 


### StepItem

步骤条内的每一个步骤。

| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| description | 步骤的详情描述，可选 | ReactNode | - |  | 
| disabled | 禁用点击 | boolean | false |  | 
| icon | 步骤图标的类型，可选 | ReactNode | - |  | 
| status | 指定状态。当不配置该属性时，会使用 Steps 的  | string | wait |  | 
| subTitle | 子标题 | ReactNode | - |  | 
| title | 标题 | ReactNode | - |  | 
