Introduction

A stepper progress control is a user interface element that visually represents a user's progress through a sequence of steps in a process. It can be used in scenarios like registration, onboarding, or multi-step forms, making it easy for users to track their progress and navigate between steps.

Notable features:

• Visual progress indication through multiple steps
• Step validation and completion tracking
• Navigation between completed and current steps
• Customizable step content and styling
• Support for complex multi-step workflows
• Integration with form validation systems

Basic Example

Here's an example showing how the stepper component can be used for a multi-step form process:

{
  "text": "03",
  "label": "Preferences",
  "active": true
}

Properties

The Stepper component provides comprehensive properties for managing multi-step processes.

Basic stepper configuration:

Interactive Stepper

The Stepper component supports interactive navigation and dynamic content updates based on user progress.

Step Management

You can programmatically control step progression, validation, and completion states to create sophisticated multi-step workflows.

Use Cases

The Stepper component is perfect for guiding users through complex processes with clear progress indicators.