Live demo — this example is server-driven; run the showcase locally for the interactive version.
Toolbar
Use Toolbar 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.
Toolbar content section — holds toolbar-group / toolbar-item includes.
Main-block content.
Optional: attrs — raw passthrough (e.g. x-show to toggle a filters row).
toolbar-group
{#include components/navigation/toolbar-group /}
Toolbar group — a cluster of related items. Main-block content.
Optional params:
variant — filter | toggle (pf-m-filter-group / pf-m-toggle-group).
alignEnd — pf-m-align-end (pushes the group to the row end).
columnGap — gap token suffix, e.g. "none", "2xl" -> pf-m-column-gap-*.
attrs — raw passthrough.
toolbar-item
{#include components/navigation/toolbar-item /}
Toolbar item — one control (button, input, menu toggle, label group). Main-block content.
Optional params:
variant — "label" -> pf-m-label (for the applied-filters label row).
gap — gap token suffix, e.g. "none", "xl", "4xl" -> pf-m-gap-*.
alignEnd — pf-m-align-end.
attrs — raw passthrough.