Feedback

StepIndicator

A horizontal step progress indicator for multi-step flows with completed, active, and upcoming states.

Preview:
1280px

  1. Account

  2. Profile

  3. 3

    Billing

  4. 4

    Review

  1. Upload

    Choose your files

  2. 2

    Configure

    Set parameters

  3. 3

    Deploy

    Go live

Props

PropTypeDefaultDescription
steps{ label: string; description?: string }[]-Ordered step definitions.
currentStepnumber00-based index of the active step.
orientation'horizontal' | 'vertical''horizontal'Layout direction.