Ask AI
Skip to main content

Clear a stepper

Function: Clear a stepper​

This function allows you to easily remove all the steps from a specific "Stepper" UI element in your application. Think of a stepper as a visual guide that breaks down a process into several sequential steps, like a multi-page form or a wizard. This action helps you reset or prepare a stepper for a new process.

Input,

  • Stepper UI Element: This is the specific "Stepper" component on your application's page that you want to clear. It's like pointing to the exact multi-step guide you wish to reset. This input is required.

Execution Flow,

Real-Life Examples,

  1. Resetting a Multi-Step Form:

    • Inputs:
      • Stepper UI Element: "New Customer Onboarding Form"
    • Result: The "New Customer Onboarding Form" stepper is completely cleared, removing all previously defined steps. This allows a user to start the onboarding process from scratch for a new customer.

  2. Preparing a Wizard for Reuse:

    • Inputs:
      • Stepper UI Element: "Product Configuration Wizard"
    • Result: All steps within the "Product Configuration Wizard" are removed. This makes the wizard ready to guide a new user through configuring a different product without showing previous selections or progress.

  3. Clearing a Dynamic Process Flow:

    • Inputs:
      • Stepper UI Element: "Workflow Approval Process"
    • Result: The "Workflow Approval Process" stepper, which visually tracks the stages of an approval, has all its steps cleared. This is useful if the workflow needs to be restarted or if a new approval process is initiated, ensuring no old steps are displayed.