组件/Steps 步骤条
通用组件

Steps 步骤条

多步骤进度展示

该页面由 AI 迁移生成,请谨慎使用

内容已迁移完成,但仍建议结合源码和人工评审结果使用。

Steps 步骤条

用于展示流程进度。

基础用法

步骤条

展示当前进度。

示例即将加载...
<template>
  <TxSteps :active="1">
    <TxStep title="开始" description="收集基础信息" :step="0" />
    <TxStep title="填写" description="补充详细内容" :step="1" />
    <TxStep title="完成" description="确认提交" :step="2" />
  </TxSteps>
</template>

API(Lite)

TxSteps Props

属性名类型默认值说明
active当前步骤
directionhorizontalvertical方向
sizesmallmediumlarge尺寸