Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Wizard - Support for Custom Component Integration

Offen
  • Stimmt etwas nicht?
#11,826 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
react, typescript
Bereich
design, frontend

Rechercherichtung

Beginnen Sie mit der Überprüfung der bestehenden Wizard API und der verlinkten Progress Stepper-Beispiele und konzentrieren Sie sich dabei auf das aktuelle, ausschließlich auf WizardStep basierende Navigationsmodell. Definieren Sie, wie benutzerdefinierte Inhalte in der linken Navigation und im Header das Wizard-Layout und die Funktionalität bewahren sollten, und überprüfen Sie anschließend die vertikale und horizontale Navigation sowie das in den bereitgestellten Visualisierungen gezeigte Verhalten über die volle Höhe.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Stale

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.

Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus patternfly/patternfly-react

Alle Issues in patternfly/patternfly-react

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.