Stepper

Step indicators for multi-step processes with horizontal, vertical, and compact variants. Supports completed, current, pending, and error states.

Horizontal Stepper

Click step circles or use the buttons to navigate. Steps can be clicked to jump to any completed or current step.

Vertical Stepper

Steps expand to show content when active. Click any completed step to revisit.

Compact Stepper

Minimal dot-based progress indicator for tight spaces.

Step 1 of 6

Error State

Validation Failed

Please go back to the Payment step and correct the card information before proceeding.