如何使用

  • 将复杂任务分解,引导用户按规定流程操作,并让其知道当前进度。

解构

类型
  1. 状态 显示步骤的顺序与状态;
  2. 标题 精简的主要信息;
  3. 辅助信息(可选) 为此步骤提供一些补充信息;

组件 Demo

✅ ️ Figma Variants

常规型

导航型

自定义图标/状态

通过设置,可以自定义每个步骤的图标