Live demo — this example is server-driven; run the showcase locally for the interactive version.
Helper text
Use Helper text 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.
Helper text container — PatternFly v6
Two shapes (discriminated by `component`):
Single-item shortcut (component="div", default): the include body becomes the
text of one auto-wrapped item, styled with the container's variant/icon.
{#include components/feedback/helper-text id="..." variant="error"}text{/include}
Multi-item list (component="ul"): the body is passed through verbatim — put
one helper-text-item (component="li") include per row inside.
{#include components/feedback/helper-text id="..." component="ul"}
{#include components/feedback/helper-text-item component="li" variant="success"}t1{/include}
...
{/include}
Parameters:
id (optional) — id on the container, useful as aria-describedby
component (optional) — 'div' (default) | 'ul'. 'ul' enables list semantics
(role="list" emitted; pair with helper-text-item component="li").
ariaLabel (optional) — only emitted when component='ul'; labels the list.
variant (single-item shortcut only) — indeterminate | warning | success | error
dynamic (single-item shortcut only) — boolean; applies pf-m-dynamic for animations
iconName (single-item shortcut only) — overrides the default per-variant icon
Model mode: pass helperText=<org.sitenetsoft.quarkus.pha.model.HelperText> — single div or ul-list shape.
helper-text-item
{#include components/feedback/helper-text-item /}
Helper text item — PatternFly v6
Renders the inner __item markup; pair with components/feedback/helper-text as the container.
Content slot: body text (required, passed as the include body).
Parameters:
component (optional) — 'div' (default) | 'li'. Use 'li' when nested
inside a helper-text with component='ul'.
variant (optional) — indeterminate | warning | success | error
dynamic (optional) — boolean; applies pf-m-dynamic for transition animations
iconName (optional) — overrides the default per-variant icon
screenReaderText (optional) — screen-reader-only suffix announcing the variant
No id param: Qute include inheritance would leak the outer helper-text id onto
every nested item, producing duplicate ids. Hand-code the markup if you need a
per-item id (e.g. for aria-describedby).
Default icons (when variant is set but iconName is not):
success → fa:circle-check
warning → fa:triangle-exclamation
error → fa:circle-exclamation
indeterminate → fa:minus
