步骤条

概述

步骤条可用于明示任务流程和当前完成程度，引导用户按照步骤完成任务。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。

使用规则

• 位置：可用于模块卡片外部或模块卡片内顶部
• 结构：步骤条有横向和纵向两种，可以根据不同的需求选择合适的结构
• 尺寸：根据内容的复杂程度和区域的大小，步骤条有多种尺寸，本规范中会定义大、小两种尺寸
• 状态：一般情况下步骤条存在未开始、进行中、已完成、错误等情况
• 交互：允许设置步骤条可点击切换步骤

基础横向步骤条

基础纵向步骤条

可点击切换的步骤条

步骤条可点击切换时，起到步骤引导兼导航的作用，常用于表单配置时，分块数据无强上下关联的场景。

箭头步骤条

一般建议使用于模块卡片外的位置，作为最高层级的步骤条使用。仅支持横向箭头。辅助说明文案是4~8个字时组件视觉效果最佳，避免组件长度过长或过短时显示效果不佳。

点状步骤条

一般用于流程节点较多的情况，更多用来表示当前节点的进度。

自定义图标步骤条

支持图标自定义