slick-loader

A slick loader to use during your AJAX calls or data processing

Usage no npm install needed!

<script type="module">
  import slickLoader from 'https://cdn.skypack.dev/slick-loader';
</script>

README

Slick Loader

A slick loader to use during your AJAX calls or data processing

Loader demo

Doc

  • Installation

Simply import slick-loader into your HTML.

<link rel="stylesheet" type="text/css" href="https://unpkg.com/slick-loader@1.1.20/slick-loader.min.css">
<script src="https://unpkg.com/slick-loader@1.1.20/slick-loader.min.js"></script>	
  • Documentation

See the offical documentation for more in-depth informations.

  • How to use

You can either use the default SlickLoader or create a new Slickloader(target) to target your loading more precisely.

SlickLoader.enable();
...
SlickLoader.disable();
// OR
let customLoader = new Slickloader().enable()
...
customLoader.disable();
  • Methods
SlickLoader.enable(); // Displays the loader

SlickLoader.disable(); // Hides the loader

SlickLoader.setText(line1, line2); // Sets two text lines at the center of the loader

SlickLoader.clearText(); // Removes the text

SlickLoader.destroy(selector); // Removes the SlickLoader
  • Example

See this JSFiddle for a working example

Authors