HTML Fragments
This example shows how to load HTML fragments using different client-side techniques.
Vanilla JS
Initial content
Load Fragment
AlpineJS
{ const alpineUrl = document.body.dataset.alpineUrl; fetch(alpineUrl) .then(r => r.text()) .then(html => { htmlVar = html; }) }" class="mt-2 px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700" id=loader-alpine>Load Fragment
HTMX
Initial content
Load Fragment