Skip to content

Step

@astryxdesign/core v0.7.1 · Step

Props ​

PropTypeDefaultDescription
stepnumber—Zero-based index of this step. Compared with the stepper's activeStep to derive the progress. Required.
labelstring—Step name. Required.
descriptionstring—Supporting line under the label.
status'accent' | 'success' | 'warning' | 'error'—Recolors the indicator only. The connector stays on the progress color.
isDisabledbooleanfalseWhether the step can be skipped over. Its label is dimmed, and the stepper's controls step past it.
isOptionalbooleanfalseAppends 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 densitySpace 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. A Spinner makes it live.
  • end: trailing content on the label row, such as a duration.