Live demo — this example is server-driven; run the showcase locally for the interactive version.

Lazy modal

Use Lazy 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.

Templates

lazy-modal

{#include components/htmx/lazy-modal /}
Lazy Modal — HTMX modal with lazy-loaded content 
 Parameters: id, titleText, loadUrl, size (optional: sm|md|lg)

 The backdrop teleports to document.body: the PF page main-container creates a stacking context
   (z-index + glass backdrop-filter) that would trap the fixed backdrop under the masthead.
   HTMX's initial scan runs before Alpine inserts the teleported clone, so x-init processes
   the clone explicitly or the body's hx-get would never fire.