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

Tabs

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

tabs

{#include components/navigation/tabs /}
Tabs — PatternFly v6 
 Optional: id — DOM id on the root; omit unless something else references the tabs.
              box, vertical, filled (pf-m-fill), secondary (pair with box), subtab, pageInsets,
              noBorderBottom, nav (pf-m-nav — tab links are anchors), inset (sm|md|lg|xl|2xl|none),
              modifiers (extra pf-m-* classes verbatim, e.g. responsive insets or pf-m-animate-current),
              ariaLabel (optional — labels the tablist) 
 Model mode: pass tabs=<org.sitenetsoft.quarkus.pha.model.Tabs> (built via Tabs.of(id))
   — renders the strip and its panels with the Alpine selection state; externalState()
   binds to chrome-owned variables for paired main/subtab rows.