patternfly / patternfly/patternfly-react
Wizard - Support for Custom Component Integration
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 862
- Fork
- 392
- Merge medio
- 4g 8h
- PR unite (30g)
- 9
Descrizione
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
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.
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia esaminando la Wizard API esistente e gli esempi di Progress Stepper collegati, concentrandoti sull'attuale modello di navigazione basato esclusivamente su WizardStep. Definisci come i contenuti personalizzati nella navigazione a sinistra e nell'header debbano preservare il layout e le funzionalità di Wizard, quindi verifica la navigazione verticale e orizzontale e il comportamento a tutta altezza mostrato negli elementi visivi forniti.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- design, frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100