Get Started

Stepper

Stepper displays progress through a short sequence of related workflow steps.

ParameterDescription
activeStepZero-based active step index.
orientation
indicatorPosition
density
labelAccessible label for the progress sequence.
ifConditional rendering expression.

Usage

xml
<Stepper activeStep="$form.step" orientation="vertical">
  <Step step="0" label="Details" />
  <Step step="1" label="Review" />
  <Step step="2" label="Complete" />
</Stepper>