Package org.patternfly.component.wizard
package org.patternfly.component.wizard
Provides a wizard component for guiding users through a multi-step workflow.
A wizard presents a series of steps with navigation, back/next buttons, and optional validation. It supports step types (default, review, summary), custom headers with title and description, custom footers, step enter/leave handlers, and asynchronous next/previous handlers using promises.
Key Classes
Wizard- Main wizard componentWizardStep- Individual wizard step with contentWizardHeader- Custom wizard headerWizardHeaderTitle- Title within the wizard headerWizardHeaderDescription- Description within the wizard headerWizardFooter- Custom wizard footer with buttonsWizardNav- Navigation sidebarWizardNavItem- Navigation item for a stepWizardStepType- Step type variants (default, review, summary)WizardContext- Shared context across wizard steps
Usage
Create a basic wizard with steps:
import static org.jboss.elemento.Elements.p;
import static org.patternfly.component.wizard.Wizard.wizard;
import static org.patternfly.component.wizard.WizardStep.wizardStep;
import static org.patternfly.component.wizard.WizardStepType.review;
Wizard wizard = wizard().height(400)
.addItem(wizardStep("step-0", "Step 1")
.add(p().text("Step 1 content")))
.addItem(wizardStep("step-1", "Step 2")
.add(p().text("Step 2 content")))
.addItem(wizardStep("step-2", "Review", review)
.add(p().text("Review your selections")));
- See Also:
-
ClassDescriptionA 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.A context object for sharing state across steps in a
Wizardcomponent.The footer area of aWizardcomponent, typically containing navigation buttons.The button container within aWizardFooter.The header area of aWizardcomponent.A description within the header of aWizardcomponent.The title within the header of aWizardcomponent.The navigation sidebar of aWizardcomponent.An individual navigation item within aWizardNav.An individual step within aWizardcomponent.Functional interface for handling step changes in a wizard flow.Functional interface representing a callback mechanism for handling the transition from one step to the next in a wizard.Interface to handle the transition to the next step in aWizardworkflow asynchronously.Functional interface for handling callbacks when navigating to the previous step in a wizard workflow.Interface to handle the transition to the previous step in aWizardworkflow asynchronously.Wizard step types.