-
Notifications
You must be signed in to change notification settings - Fork 106
[feat]: Create <pf-v6-about-modal> element #2926
Copy link
Copy link
Open
Labels
1:1Aligning components with PatternFly v4Aligning components with PatternFly v4good 1st issueGood for newcomers to the project; requires at least an introductory knowledge of the languageGood for newcomers to the project; requires at least an introductory knowledge of the languagepriority: lowSeverity level: 3Severity level: 3
Milestone
Metadata
Metadata
Assignees
Labels
1:1Aligning components with PatternFly v4Aligning components with PatternFly v4good 1st issueGood for newcomers to the project; requires at least an introductory knowledge of the languageGood for newcomers to the project; requires at least an introductory knowledge of the languagepriority: lowSeverity level: 3Severity level: 3
Type
Fields
Give feedbackNo fields configured for issues without a type.
Summary
Create a
<pf-v6-about-modal>web component implementing the PatternFly v6 About modal component.Branded full-screen modal for displaying application version, copyright, and system information.
Prior Art
Notes
pf-v6-modalwith additional styles; explore that route before duplicating modal codeRequirements
@patternfly/react-coreAboutModalElement-specific considerations
<dialog>/pf-v6-modalviashowModal()isOpenprop,onCloseeventbrand(logo image),content(version/info rows), defaultbrandImageSrc/brandImageAltprops orbrandslotproductNameprop orheaderslotbackgroundImageSrcfor decorative bg image (CSS custom property preferred)aria-labelrole="dialog",aria-labelledbypointing to product name heading<dialog>handles this)<dialog>handles this)<dl>/<dt>/<dd>pairs recommendedChecklist
Implementation
.claude/ADVICE.md@summaryand JSDoc on element classDemos
Tests
a11ySnapshotassertionsReviews
/review-apipasses/review-demospasses/review-a11ypasseseslintandstylelintpassShip
staging/pfv6(NOTmain)