Next Button

Information

Attribute: superform-element = next

Apply to: div, a (link block), button, tag elements.

To navigate to the next step in a multistep form, simply add the attribute to the element that triggers the next step. Superform will automatically handle the transition to the next step when the element is clicked.

Caution

1. There should be only one next button in each step.

2. It should NOT be placed in the final step of a multistep form.

All validations (if any on the step) are happening on this click.

Upgrades

🔮 Step teleport: add superform-goto = numberOfStep to teleport back to another step.