Wizard - Support for Custom Component Integration
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức phù hợp với người mới
- 35/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
Hướng nghiên cứu
Bắt đầu bằng cách xem xét Wizard API hiện có và các ví dụ Progress Stepper được liên kết, tập trung vào mô hình điều hướng hiện tại chỉ dựa trên WizardStep. Xác định cách nội dung tùy chỉnh trong điều hướng bên trái và header cần duy trì bố cục cũng như chức năng của Wizard, sau đó xác minh điều hướng dọc và ngang cùng hành vi toàn chiều cao được thể hiện trong các hình ảnh trực quan được cung cấp.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
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.
- Ngôn ngữ chính
- TypeScript
- Star
- 862
- Fork
- 392
- Merge trung bình
- 4 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 9
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của patternfly/patternfly-react
-
PF Team
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
patternfly/patternfly-react#12651 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
patternfly/patternfly-react#12637 ·
-
PF Team
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
patternfly/patternfly-react#12617 · 1 bình luận ·
-
PF Team
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
patternfly/patternfly-react#12610 · 1 bình luận · 1 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
patternfly/patternfly-react#12600 ·
Tất cả issue của patternfly/patternfly-react
Issue tương tự
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
-
Crush Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
ElementsProject/cln-application#167 · 1 bình luận · 1 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Quantco/pnpm-licenses#17 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100