How do we implement "Stepper" in Vflow2.0?

vFlow-2.0
1

Also Mention the steps of implementation.

3 Likes
2

Hi @Gitika_Verma ,

Here are the steps to implement the stepper component:

  1. Create a component named Stepper.
  2. Determine the type of stepper you require: either “linear” or “non-linear”.
  3. Select the appropriate property (editable or non-editable) based on your specific requirements.
  4. Set the direction for the stepper, specifying how you want the steps to be displayed (horizontal, vertical).
  5. Add the necessary elements corresponding to the number of steps you need, and map each step to its respective subpage.

This will allow you to configure and implement the stepper component effectively.

In this way, you can configure a stepper component and implement it.

Additional Explanation of Terminology (in case you’re unfamiliar with these terms):

  1. Linear: Clicking on any step does not allow for navigation.
  2. Non-linear: Clicking on any step allows you to navigate directly to that specific step.

Editable property For Non-linear stepper:

a.) Editable: You can navigate to any step directly by clicking on it.
b.) Non-editable: You can only navigate forward from the current step, but cannot navigate backward to previous steps by click on the specific step.

Editable property For Linear stepper: Sorry, I don’t know. No action was performed when I use it.

If anyone has additional insights or suggestions for improvements, please feel free to share!