Stepper

When to use

Use for multi-step processes where order matters. onboarding, wizards, checkout flows. Shows progress and allows back/forward navigation.

When not to use

• If steps can be done in any order, Use Tabs
• For a single-page form, don't break it into steps artificially

Guidelines

• 3-5 steps max: More steps increase abandonment risk.
• Descriptive labels: "Account", "Profile", "Review". not "Step 1", "Step 2".
• Allow going back: Users must be able to review and correct previous steps.
• Show progress: Clearly indicate which steps are complete, current, and upcoming.

How it works