Live demo — this example is server-driven; run the showcase locally for the interactive version.
About modal
Use About modal straight from a Qute template — parameters and slots instead of Java builders. This reference is generated
from the runtime template sources: each template documents its parameters and slots in the header comment shown
beneath its include line.
About Modal — PatternFly v6
Required: id, brandImageSrc, brandImageAlt
Optional: productName, ariaLabel (required when productName is absent), backgroundImage, closeButtonAriaLabel, noContentContainer, headingLevel (default h1)
Slots: content, strapline, trademark
Open via: $dispatch('open-about-modal-{id}'). Multiple instances on a page get distinct event names via the id suffix.
Model mode: pass aboutModal=<org.sitenetsoft.quarkus.pha.model.AboutModal> — trigger button + raw content/trademark/strapline.
The backdrop teleports to <body>: the PF page main-container creates a stacking context
(z-index + glass backdrop-filter) that would trap the fixed backdrop under the masthead.
PF React portals modals to document.body for the same reason.
