A step navigation bar that guides users through a task workflow. It can be configured according to actual scenarios, and must contain at least 2 steps.

Steps Attributes

Parameter	Description	Type	Optional Values	Default
space	Spacing of each step. If omitted, spacing is adaptive. Percentages are supported	number / string	—	—
direction	Display direction	string	vertical/horizontal	horizontal
active	Current active step	number	—	0
process-status	Status of the current step	string	wait / process / finish / error / success	process
finish-status	Status of completed steps	string	wait / process / finish / error / success	finish
align-center	Whether to center align	boolean	-	false
simple	Whether to use the simple style	boolean	-	false

Step Attributes

Parameter	Description	Type	Optional Values	Default
title	Title	string	—	—
description	Descriptive text	string	—	—
icon	Icon	string	—	—
status	Status of the current step. If not set, it is determined by steps	wait / process / finish / error / success	-

Step Slot

name	Description
icon	Custom icon
title	Custom title
description	Custom descriptive text

Basic Usage

Steps with Status

Steps with Description

Centered Steps

Steps with Icons

Vertical Steps

Simple Style Steps