Next Button
premiumNavigate to the next step in a multi-step form.
Overview
The Next Button advances the form to the next step. Before navigating, it triggers validation on all fields in the current step — if any fail, it shows an error state instead of advancing.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
formId | String | "default" | Must match the formId of your Multi-Step component. |
text | String | "Next" | Button label text. |
errorText | String | "Please fix the errors" | Text shown when validation fails. |
errorDuration | Number | 3000 | How long error state shows in milliseconds. |
Features
- Validates current step fields before advancing
- Error state with configurable duration
- Auto-hides on the last step
- Custom component mode with variant switching
Tips
The Next button automatically hides on the last step in preview mode.
If validation fails, the button shows the error state and does not advance.