https://github.com/zenoo/slick-loader

A slick loader to use during your AJAX calls or data processing
https://github.com/zenoo/slick-loader

data-loading javascript loader

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/zenoo/slick-loader
• Owner: Zenoo
• License: mit
• Created: 2018-05-16T10:00:16.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T03:08:01.000Z (almost 2 years ago)
• Last Synced: 2024-10-30T04:43:46.532Z (2 months ago)
• Topics: data-loading, javascript, loader
• Language: JavaScript
• Homepage:
• Size: 2.28 MB
• Stars: 2
• Watchers: 4
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Slick Loader

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

![Loader demo](https://rawgit.com/Zenoo/slick-loader/master/loader.gif "Loader demo")

### Doc

* **Installation**

Simply import slick-loader into your HTML.

```

	

```

* **Documentation**

See the offical [documentation](https://zenoo.github.io/slick-loader/Slickloader.html) 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](https://jsfiddle.net/Zenoo0/91h52q7e/) for a working example

## Authors

* **Zenoo** - *Initial work* - [Zenoo.fr](http://zenoo.fr)