PatternFly

Wizard

A wizard provides a guided workflow that offers a path to complete a task, create an object or objects, or finish a series of steps for some other outcome. Wizards should incite trust in the user and guide them through an otherwise overwhelming experience.

A newer React implementation of the wizard has replaced the now deprecated implementation. The documentation for the deprecated implementation is under the React deprecated tab, and this deprecated implementation can be imported from @patternfly/react-core/deprecated.

Demos

Basic

Basic screenshot
Nav expanded (mobile) screenshot

With drawer, closed

With drawer, closed screenshot

With drawer, expanded

With drawer, expanded screenshot

With drawer and informational step

With drawer and informational step screenshot

In page

In page screenshot

In page nav expanded (mobile)

In page nav expanded (mobile) screenshot

With drawer, in page

With drawer, in page screenshot

With drawer, in page, expanded

With drawer, in page, expanded screenshot

View source on GitHub