Live demo — this example is server-driven; run the showcase locally for the interactive version.
Skeleton
Use Skeleton 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.
skeleton
{#include components/feedback/skeleton /}
Skeleton — PatternFly v6
Loading placeholder. Size it with either modifier tokens (recommended for the
preset percentages / t-shirt sizes) or inline CSS lengths (for pixel-exact
shapes that don't match a token).
Parameters:
id (optional) — DOM id
shape (optional) — circle | square
width (optional) — modifier token: sm | md | lg |
25 | 33 | 50 | 66 | 75. Renders pf-m-width-{val}.
widthValue (optional) — arbitrary CSS length (e.g. "200px", "10rem").
Emits inline style="width: ...".
Mutually exclusive with width.
height (optional) — modifier token: sm | md | lg |
25 | 33 | 50 | 66 | 75 | 100.
Renders pf-m-height-{val}. (height percentages
require a parent with an explicit height.)
heightValue (optional) — arbitrary CSS length. Emits inline style.
Mutually exclusive with height.
fontSize (optional) — sm | md | lg | xl | 2xl | 3xl | 4xl.
Renders pf-m-text-{val} — sets the height to the
matching text size. Useful for text-line skeletons
screenreaderText (optional) — text rendered inside pf-v6-screen-reader for
assistive tech.
Model mode: pass skeleton=<org.sitenetsoft.quarkus.pha.model.Skeleton> instead of the params above.
