fs-steps Steps Component

The steps component guides users through a process and displays the current progress and status.

Usage

Import it locally by configuring it in the index.json of the page or component where it is needed.

"usingComponents": {
  "fs-steps": "ava-ui/fxui/fs-steps/index"
}

Code Example

Basic Usage

API

Props

Parameter	Description	Type	Default
steps	Step array. Each item is a step object	Array	[]
current	Current step index	Number	0
type	Step bar type. The optional value is horizontal	String	'horizontal'
contentMaxWidth	Maximum width of the text content (px). 0 means no limit. The default is approximately the width of 10 Chinese characters	Number	160

steps Array Items

Key	Description	Type
title	Step title	String
description	Step description	String

Events

Event	Description	Callback Parameters
click	Triggered when a step is clicked	event.detail.index: step index

---

Preview

打开预览