Step
@astryxdesign/core v0.7.1 · Step
Props
| Prop | Type | Default | Description |
|---|---|---|---|
step | number | — | Zero-based index of this step. Compared with the stepper's activeStep to derive the progress. Required. |
label | string | — | Step name. Required. |
description | string | — | Supporting line under the label. |
status | 'accent' | 'success' | 'warning' | 'error' | — | Recolors the indicator only. The connector stays on the progress color. |
isDisabled | boolean | false | Whether the step can be skipped over. Its label is dimmed, and the stepper's controls step past it. |
isOptional | boolean | false | Appends an Optional marker after the label. |
indicator | 'auto' | 'number' | 'none' | 'auto' | auto shows a check when done, a ring while in progress, and a number after that. number always shows the step number. none leaves the indicator empty. |
density | 'compact' | 'balanced' | 'spacious' | The stepper's density | Space around this step. |
Slots
default: content under the description. In a vertical separated step it sits outside the clickable label row.icon: replaces the built-in indicator artwork. ASpinnermakes it live.end: trailing content on the label row, such as a duration.