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

In modal

In modal screenshot

In modal, with drawer

In modal, with drawer screenshot

In modal, with drawer and informational step

In modal, with drawer and informational step screenshot

In page

In page screenshot

In page, with drawer

In page, with drawer screenshot

In page, with drawer and informational step

In page, with drawer and informational step screenshot

View source on GitHub