Skip to content

Components#

Wizard.Container#

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

Wizard.Step#

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

Wizard.Buttons#

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

Wizard.EditButton#

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

Wizard.NextButton#

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

Wizard.PreviousButton#

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

Wizard.useStep#

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

Wizard.LocationHooks#

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.

Suggest an edit