Skip to content

Wizard - Support for Custom Component Integration #11826

@jenny-s51

Description

@jenny-s51

Is this a new component or an extension of an existing one?

Existing; Wizard.

Describe the feature

The Wizard component currently offers limited customization for its step navigation as Wizard only accepts children of type WizardStep.

This prevents adoption of the Drawer component when teams require common alternative navigation patterns or need to integrate other components within the layout.

Developers must create custom component implementations with manual CSS height adjustments when they need variations like horizontal progress steppers or other components the navigation area (like the FilterSidePanel from react-catalog-view).

This is an RFE to enhance the Wizard component to support custom components in the left nav and header - for example, a progress stepper layout (both vertical and horizontal variants) in place of the step navigation, while maintaining the same wizard layout and functionality.

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths

Image

Image

Note that, since Kubeflow Notebooks 2.0 does not use the PF Wizard here due to their custom use case, the drawer panel does not take the full height of the page container and requires a CSS override to resolve.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions