Steps 步骤条

Steps 用一组带编号的 Step 有序列表展示流程进行到哪一步。current 之前的步骤已完成，之后的步骤在等待，当前步骤带有 aria-current="step"。

每种状态各有颜色：已完成为绿色，进行中为蓝色，失败为红色，等待为灰色。横向排列时，连接线紧跟在标题后面、和标题在同一行，一直延伸到下一步的标记；描述放在第二行。窄屏下文字移到标记下方。

#演示

#交互

用按钮或点击标题切换步骤，并设置当前步骤的状态或任一步骤自己的状态。current 可以比最后一步再多一，此时所有步骤都已完成。

#基础用法

current 从 1 开始计数。每个 Step 接受 title 和 description（或 children）。

#状态

status 设置当前步骤的状态：process（默认）、finish、error 或 wait。Step 自己的 status 优先于由 current 推出的状态。

#尺寸

#垂直排列

#自定义图标

finishIcon 和 errorIcon 替换所有步骤的对勾和叉号；Step 的 icon 在等待或进行中时替换它的编号。

#可点击

设置 onUpdateCurrent 后，每个步骤的标题都变成覆盖整个步骤的按钮，点击时回传该步骤的编号。disabled 让某一步不能被选中。

#Steps Props

#Step Props

finishIcon、errorIcon、icon、title 都接受任意 ReactNode。