Skip to content

Components

Container

The Wizard.Container is a container component for multi-page forms including a step indicator.

Step

Each step should be wrapped with a Wizard.Step component directly inside Wizard.Container.

Buttons

Wizard.Buttons is a combination of PreviousButton and NextButton for navigating between steps/pages.

EditButton

Wizard.EditButton is a button to be placed in a summary step.

NextButton

Wizard.NextButton connects to the Wizard.Context to move the user to the next step when clicked.

PreviousButton

Wizard.PreviousButton connects to the Wizard.Context to move the user to the previous step when clicked.

useStep

Wizard.useStep returns Wizard.Context parameters such as totalSteps, activeIndex or a setActiveIndex handler.

Location Hooks

Is a set of React Hooks that lets you easily hook up your existing router in order to store the current step in the URL query string.