Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Wizard - Support for Custom Component Integration

Aberta
  • Algo errado?
#11,826 3 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
35/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
design, frontend

Direção de pesquisa

Comece revisando a Wizard API existente e os exemplos de Progress Stepper vinculados, concentrando-se no modelo de navegação atual baseado exclusivamente em WizardStep. Defina como o conteúdo personalizado na navegação à esquerda e no header deve preservar o layout e a funcionalidade de Wizard e, em seguida, verifique a navegação vertical e horizontal, bem como o comportamento de altura total mostrado nos elementos visuais fornecidos.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.

Linguagem predominante
TypeScript
Estrelas
862
Forks
392
Merge médio
4d 8h
PRs com merge (30d)
9

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de patternfly/patternfly-react

Todas as issues de patternfly/patternfly-react

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.