Ask AI
Skip to main content

Clear a stepper

Function: Clear a Stepper​

This action allows you to instantly remove all steps and their associated content from a specific Stepper component on your application's screen. It's useful for resetting a multi-step process or preparing a stepper for new content.

Input​

  • Stepper UI Element: The specific Stepper component on your page that you want to clear. You must select an existing Stepper component for this action to work.

Output​

This action does not produce any direct output. Its effect is to modify the selected Stepper component by removing all its steps and content.

Execution Flow​

Real-Life Examples​

Example 1: Resetting an Application Form

  • Scenario: You have a multi-step application form (using a Stepper) that a user can fill out. After the user submits the form, you want to clear the stepper so they can start a new application or to prepare it for the next user.
  • Inputs:
    • Stepper UI Element: ApplicationFormStepper (the name of your Stepper component)
  • Result: All steps and the data entered into the ApplicationFormStepper are removed, making it ready for a new application.

Example 2: Clearing a Product Configuration Wizard

  • Scenario: Your e-commerce site uses a Stepper to guide customers through configuring a custom product (e.g., choosing options for a computer build). If the customer decides to start over, you want to provide a "Clear Configuration" button that resets the stepper.
  • Inputs:
    • Stepper UI Element: ProductConfiguratorStepper (the name of your Stepper component)
  • Result: The ProductConfiguratorStepper is emptied, and the customer can begin configuring their product from the first step again.

Example 3: Dynamic Workflow Reset

  • Scenario: In a business process management application, a Stepper guides users through different stages of a task. If a task needs to be completely re-initiated due to a change in requirements, an administrator can trigger an action to clear the Stepper for that specific task.
  • Inputs:
    • Stepper UI Element: TaskWorkflowStepper (the name of the Stepper component displaying the task's workflow)
  • Result: All current steps and progress within the TaskWorkflowStepper are cleared, allowing the workflow to be redefined or restarted from scratch.