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

Backdrop

Use Backdrop 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

backdrop

{#include components/feedback/backdrop /}
Backdrop — PatternFly v6 
                                                                                  
 A fixed full-viewport semi-transparent overlay. Sits below modal / popover       
 content via PF v6's z-index token; clicking it typically dismisses whatever       
 it sits behind (consumer-controlled via Alpine / HTMX).                          
                                                                                  
 Parameters:                                                                      
   id      (optional) — DOM id on the overlay; omit unless something else         
                        references the backdrop.                                  
                                                                                  
 Slot:                                                                            
   {#overlay} — optional overlay content (spinner, dialog body, custom panel).    
                Slot name is "overlay" (not "content") to avoid collision with    
                the example-card partial's "content" slot when this template is   
                nested inside a demo card. Qute resolves {#insert} against the    
                nearest enclosing slot of the same name in the call stack, so     
                reusing "content" would recurse infinitely.