ant-design/components/steps/index.md
2015-09-17 16:16:53 +08:00

1.9 KiB
Raw Blame History

Steps

  • category: Components
  • chinese: 步骤条
  • type: 导航
  • cols: 1

引导用户按照流程完成任务的导航条。

何时使用

当任务复杂或者存在先后关系时,将其分解成一系列步骤,从而简化任务。

API

<Steps>
  <Steps.Step title="第一步"></Steps.Step>
  <Steps.Step title="第二步"></Steps.Step>
  <Steps.Step title="第三步"></Steps.Step>
</Steps>

Steps

整体步骤条。

参数 说明 类型 可选值 默认值
current 可选参数指定当前处理正在执行状态的步骤从0开始记数。在子Step元素中可以通过status属性覆盖状态。 number 0
size 可选参数,指定大小(目前只支持普通和迷你两种大小)。 string small, default default
direction 可选参数,指定步骤条方向(目前支持水平和竖直两种方向,默认水平方向)。 string vertical
maxDescriptionWidth 可选参数,指定步骤的详细描述文字的最大宽度。 number 100

Steps.Step

步骤条内的每一个步。

参数 说明 类型 可选值 默认值
status 可选参数指定状态。当不配置该属性时会使用父Steps元素的current来自动指定状态。 string wait, process, finish wait
title 必要参数,标题。 string/jsx
description 可选参数,步骤的详情描述。 string/jsx
icon 可选参数步骤的Icon。如果不指定则使用默认的样式。 string/jsx