Lazy Load

Demo
Loading...Indicator

Explanation #

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

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

Which shows a progress indicator as we are loading the graph. The graph is loaded by patching an element with the same ID.

1<div id="graph">
2    <img src="/images/examples/tokyo.png" />
3</div>