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

Infinite scroll

Use Infinite scroll 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

infinite-scroll

{#include components/htmx/infinite-scroll /}
Infinite Scroll — HTMX sentinel-based auto-loading 
 Required: loadUrl 
 Optional: id — DOM id on the sentinel; omit unless something else references it. 
 Optional: root — CSS selector of the scroll container. When set, the sentinel triggers via an IntersectionObserver scoped to that container (intersect once root:{root}) — the reliable trigger for a bounded overflow:auto list. Omit for page/window scroll, which uses hx-trigger="revealed".