use-design-system/Stepper

What problem does it solve?

This Skill provides a clear and animated way to guide users through multi-step processes, making complex workflows easy to understand and follow.

Core Features & Use Cases

• Progress Indication: Visually displays current, completed, and upcoming steps.
• Animation: Uses fade-in and stagger delays for a smooth user experience.
• Customization: Supports custom icons, text styles, and interactive elements.
• Use Case: Ideal for onboarding flows, checkout processes, or any sequential task where users need to track their progress.

Quick Start

Use the Stepper component to display a three-step process with completed, active, and inactive states.