Back

FormWizard

3-Step Registration

1
2
3

Personal Info

Your name and email

Account Details

Choose a username and password

Preferences

Plan and notifications

/ 3

With Data Persistence

Set Persist: true to save the current step in localStorage. Navigate away and return — the wizard resumes where you left off.

1
2
3

Step One

Step Two

Step Three

/ 3

Usage

@forms.FormWizard(forms.FormWizardProps{
    SubmitLabel: "Submit",       // button label on last step (default "Submit")
    InitialStep: 1,              // 1-based starting step (default 1)
    Persist:     true,           // save step in localStorage
    PersistKey:  "my-wizard",    // localStorage key (default "wizard-step")
    Steps: []forms.WizardStep{
        {
            Title:       "Personal Info",
            Description: "Your contact details",
            Content:     myStep1(),  // any templ.Component
        },
        {
            Title:   "Confirm",
            Content: myStep2(),
        },
    },
})