Skip to content
A slick loader to use during your AJAX calls or data processing
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
docs
src
.gitignore
LICENSE
README.md
loader.gif
package-lock.json
package.json
slick-loader.less
slick-loader.min.css
slick-loader.min.js

README.md

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

You can’t perform that action at this time.