datastar/site/static/md/examples/lazy_load.md

Lazy Load

Original HTMX Version

Demo

Explanation

This example shows how to lazily load an element on a page. We start with an initial state that looks like this:

<div data-on-load="@get('/examples/lazy_load/graph')">
  Loading...
</div>

Which shows a progress indicator as we are loading the graph. The graph is then loaded.