Usage

Following example shows different ways of using this extension.

Link element


Click above buttons to load content here
<a class="btn btn-primary" href="path/to/file.html" data-provide="loader" data-target="#loader-target">Link element</a>

<button class="btn btn-primary" data-provide="loader" data-url="path/to/file.html" data-target="#loader-target">Button element</button>

<button class="btn btn-primary" data-provide="loader" data-url="path/to/file.html" data-target="#loader-target" data-spinner='<div class="spinner-circle mx-auto"></div>'>Using data-spinner</button>


<div id="loader-target">Click above buttons to load content here</div>