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

Panel

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

panel

{#include components/data-display/panel /}
Panel container — PatternFly v6 
 Parameters:                                                                  
   id          (optional) — DOM id on the container                            
   bordered    (optional) — boolean; applies pf-m-bordered                     
   raised      (optional) — boolean; applies pf-m-raised                       
   secondary   (optional) — boolean; applies pf-m-secondary                    
   scrollable  (optional) — boolean; applies pf-m-scrollable                   
                                                                                
 Compose the body with the helper templates:                                   
   components/data-display/panel-header                                        
   components/data-display/panel-main (with optional maxHeight)                
   components/data-display/panel-main-body                                     
   components/data-display/panel-footer                                        
                                                                                
 Slot:                                                                          
   {#content} — panel-header / panel-main / panel-footer includes              
 Model mode: pass panel=<org.sitenetsoft.quarkus.pha.model.Panel> — sections (header/main/footer) come from the model.
{#include components/data-display/panel-footer /}
Panel footer — PatternFly v6 
 Content goes in the default content slot. 
                                                                                  
 No id param: Qute include inheritance would leak the outer panel's id onto every 
 nested helper, producing duplicate ids. Hand-code the markup if you need an id.

panel-header

{#include components/data-display/panel-header /}
Panel header — PatternFly v6 
 Content goes in the default content slot. 
                                                                                  
 No id param: Qute include inheritance would leak the outer panel's id onto every 
 nested helper, producing duplicate ids. Hand-code the markup if you need an id.

panel-main

{#include components/data-display/panel-main /}
Panel main — PatternFly v6 
 Parameters:                                                              
   maxHeight (optional) — CSS length (e.g. "20rem", "400px"). Sets        
                          --pf-v6-c-panel__main--MaxHeight inline.        
                          Pair with scrollable=true on the panel.         
                                                                                  
 No id param: Qute include inheritance would leak the outer panel's id onto every 
 nested helper, producing duplicate ids. Hand-code the markup if you need an id.

panel-main-body

{#include components/data-display/panel-main-body /}
Panel main body — PatternFly v6 
 Content goes in the default content slot. 
                                                                                  
 No id param: Qute include inheritance would leak the outer panel's id onto every 
 nested helper, producing duplicate ids. Hand-code the markup if you need an id.