Steps 步骤条

引导用户按照流程完成任务的分步导航条，可根据实际应用场景设定步骤，步骤不得少于 2 步。

基础用法

简单的步骤条。

Steps 步骤 - 图1

含状态步骤条

每一步骤显示出该步骤的状态。

Steps 步骤 - 图2

有描述的步骤条

每个步骤有其对应的步骤状态描述。

Steps 步骤 - 图3

带图标的步骤条

步骤条内可以启用各种自定义的图标。

Steps 步骤 - 图4

竖式步骤条

竖直方向的步骤条。

Steps 步骤 - 图5

Steps Attributes

参数说明类型可选值默认值
space每个 step 的间距，不填写将自适应间距Number——
direction显示方向stringvertical/horizontalhorizontal
active设置当前激活步骤number—0
processStatus设置当前步骤的状态stringwait/process/finish/error/successprocess
finishStatus设置结束步骤的状态stringwait/process/finish/error/successfinish

Step Attributes

参数说明类型可选值默认值
title标题string——
description描述性文字string/ReactElement——
icon图标Element Icon 提供的图标，如果要使用自定义图标可以通过自定义element的方式写入string—