• Steps 步骤条
    • 基础用法
    • 含状态步骤条
    • 有描述的步骤条
    • 带图标的步骤条
    • 竖式步骤条
    • Steps Attributes
    • Step Attributes

    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—