Live demo — this example is server-driven; run the showcase locally for the interactive version.
Breadcrumb
Use Breadcrumb 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.
Breadcrumb container — PatternFly v6
Renders <nav>/<ol> chrome. Each crumb is its own include of
components/navigation/breadcrumb-item inside the items slot.
Parameters:
id (optional) — DOM id on the nav element; omit unless something else
references the breadcrumb.
ariaLabel (optional) — accessible label (default: "Breadcrumb")
crumbs (optional) — a list for AUTO mode. Each entry exposes:
.text — the crumb label (required)
.href — link target; omit/null for a plain crumb
.current — true ONLY on the active crumb; null on the
rest (a non-null false would still mark it;
Qute maps are strict, so keep the key with
a null value rather than omitting it).
When crumbs is set the items slot is ignored — build
the list server-side, e.g. from a route hierarchy.
Slot:
{#items} — manual mode: one or more
{#include components/navigation/breadcrumb-item ... /} calls. Slot
name is "items" (not "content") to avoid colliding with the
example-card partial's "content" slot — Qute resolves {#insert
name} against the nearest enclosing {#name} in the call stack, and
reusing "content" recurses infinitely.
Model mode: pass breadcrumb=<org.sitenetsoft.quarkus.pha.model.Breadcrumb> (built via
Breadcrumb.of(id)) — typed items incl. heading and dropdown crumb shapes.
Breadcrumb item — PatternFly v6
Renders one <li> inside a breadcrumb container.
Content slot: link / label text (passed as include body).
Parameters:
href (optional) — when set, renders an <a>; otherwise plain text
target (optional) — link target (e.g. "_blank")
current (optional) — boolean; marks the active crumb with pf-m-current
+ aria-current="page".
heading (optional) — boolean; wraps the current crumb in a heading for
screen readers (PF v6 "With heading" pattern).
headingLevel (optional) — h1..h6 (default h1); only used with heading=true.
isDropdown (optional) — boolean; renders the breadcrumb dropdown variant
instead of a plain link. Use the dropdown slot for
the menu options. Requires the
phaBreadcrumbDropdown Alpine component on the host.
dropdownId (required when isDropdown=true) — DOM id for the dropdown panel
(used by aria-controls).
Slots:
default — the crumb's text (link label or plain text).
{#dropdown} — only used when isDropdown=true. Contains the menu markup
(typically <ul><li><a>…</a></li>…</ul>).
