Steps步骤条

  • 应用在离散和时间较长的进度显示,eg:转账进度;如果任务是连续和短暂的,应该使用 Progress 来显示,eg:打开页面。
  • 当任务复杂或者存在先后关系时,将其分解成一系列步骤,从而简化任务,eg:用户注册新账号。

基本用法

API

  1. <Step title="第一步" />
  2. <Step title="第二步" />
  3. <Step title="第三步" />

步骤条内的每一个步骤。

属性说明类型默认值
status指定状态。当不配置该属性时,会使用 Steps 的 current 来自动指定状态。Enum { 'wait', 'process', 'finish', 'error' }wait
title标题string-
description步骤的详情描述,可选string-
icon步骤图标,可选TemplateRef-