English
FxSteps
About 193 wordsLess than 1 minute
2025-12-16
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 |
