Appearance
Step Indicator
ts
import { XerStepIndicator } from "@xerius/codey-components";Showcases
Default
Large
With Step Array
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| total | Number | 0 | false | The total number of steps. |
| current | Number | false | The current step position. | |
| large | Boolean | false | false | Indicates the steps are show larger. |
| completed | Boolean | false | false | If set to true, the steps are complete. |
| steps | Array (Boolean, number, object) | [] | false | Allows to set a status for each step. |
| dataAutomationId | String | step_indicator | false | The data automation id value. |
Events
| Name | Parameters | Description |
|---|---|---|
| click-step | Step index: number | Emitted when a step is clicked. |