@beisen-phoenix/steps

步骤条组件

Usage no npm install needed!

<script type="module">
  import beisenPhoenixSteps from 'https://cdn.skypack.dev/@beisen-phoenix/steps';
</script>

README

步骤条

设计稿: NatureDesign #Step

共享中心展示 #1646

概述

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

API

Steps

参数 说明 类型 默认值 是否必填
current 当前步骤序号,从 0 开始 number
onChange 点击切换(不设置此属性不支持点击切换) (current) => void

Step

参数 说明 类型 默认值 是否必填
title 步骤标题 string 根据状态设置:未开始、进行中、已完成
disabled 禁用点击 boolean false