Currently, I am working on developing a wizard tool that allows users to create their own wizards in the following format:
<wiz>
<form>
<page>
<label />
<input />
</page>
<page>
<label />
<input />
</page>
</form>
</wiz>
Anything within the wiz tag is considered a slot. Inside the wiz component, I separate what's inside the <page> tags into different tabs in the wizard.
I am currently facing challenges when attempting to retrieve the form data input by the user within the wizard. Most solutions I found online require prior knowledge of the form labels/inputs to build a JSON object accordingly.
In my case, I do not know the specific content inside the wizard as it depends on the user. I also prefer to have the submit button placed outside the <form> tag, if feasible. However, I understand if this is not possible.
Thank you.