I am learning Vue JS along with Ant design and I am struggling on how to use the ant design steps component as separates screen to present a group of child steps. https://ant.design/components/steps/#API
Each parent step should be a presentation standalone screen that is shown before going through a group of child questions/components. Once the group of questions are finished, then the steps screen is shown again to inform the user that he will be going into the step 2 and so into 2nd group of questions. etc..
So basically the order of the screens would be :
- Steps screen (with step 1 highlighted)
- Question 1
- Question 2
- Steps screen (with step 2 highlighted)
- Question 3
- Etc...
I've found this example that does the first part, using components : https://codesandbox.io/s/rendering-dynamic-components-in-vue-t21cy?file=/src/components/Steps.vue
Thanks for your help