Universal Component

Steps

Step-by-step progress indicator

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

Steps

Progress indicator for multi-step flows.

Basic Usage

Steps

Show progress across steps.

Demo will load when visible.
<template>
  <TxSteps :active="1">
    <TxStep title="Start" description="Collect basics" :step="0" />
    <TxStep title="Details" description="Fill in details" :step="1" />
    <TxStep title="Finish" description="Review and submit" :step="2" />
  </TxSteps>
</template>

API (Lite)

TxSteps Props

PropertyTypeDefaultDescription
activeActive step
directionhorizontalverticalLayout direction
sizesmallmediumlargeStep size