Slick Loader
A slick loader to use during your AJAX calls or data processing
Doc
- Installation
Simply import slick-loader into your HTML.
<link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/slick-loader.min.css">
<script src="https://unpkg.com/[email protected]/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
- Zenoo - Initial work - Zenoo.fr
![[Snyk] Upgrade @babel/polyfill from 7.2.5 to 7.12.1](https://avatars.githubusercontent.com/u/19733683?v=4)
![[ImgBot] Optimize images](https://avatars.githubusercontent.com/in/4706?v=4)
118 Sep 8, 2022
6 Apr 13, 2022
1 Dec 26, 2021
91 Dec 27, 2022
31 Aug 4, 2022
16 Dec 23, 2022
3 Mar 10, 2022
3 Jun 18, 2022
4 Jul 6, 2022
12 Jan 2, 2023
2 Jun 8, 2022
4 Nov 15, 2022
45 Jul 19, 2022
27 Jan 2, 2023
7 Oct 12, 2022
45 Jan 9, 2023
2 Jun 9, 2022
5 Dec 5, 2022
24 Nov 3, 2022