Steps 步骤条

2019-06-12shenghou

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

何时使用#

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

基本用法#

默认展示#

图标大小变化#

图标颜色变化#

图标变成数字#

steps 内容可以是个对象,showIcon 需为 false#

交互#

API#

参数类型默认值说明
stepsRequiredarray-步骤条title的集合`string`时候显示内容,`{label: string, count: string|number}`时显示`label`,当`showIcon=false`显示count内容
currentStepRequirednumber-当前步骤,从 1 开始计数
showIconbooltrue步骤的图标 `true`代表圆点,`false`代表数字
iconSizestring'middle'步骤图标大小,stepIcon为`dot`时候生效 ['small', 'middle', 'large']
iconStatusstring'primary'步骤图标状态,['default', 'primary', 'success', 'info', 'critical', 'warning', 'danger']