Step / Stepper Component

Overview

The Step / Stepper component is used to visually represent progress through a multi-step flow, such as onboarding, subscription setup, checkout, KYC, or form wizards.

It helps users:

• Understand where they are in the process

• See completed, current, and pending steps

• Reduce drop-off by setting clear expectations

Use Cases

• Onboarding flows

• Subscription or plan selection

• Multi-step forms

• Payment or verification processes (OTP, review, confirmation)

• Long tasks with checkpoints