hn-loader
v1.0.3
Published
npm package for adding Loader to your DOM. # Installation `npm i hn-loader --save` ``` import hrLoader from 'hn-loader'; For Show : hrLoader.show() For Hide : hrLoader.hide()
Downloads
4
Readme
hn-loader
Description
npm package for add loader to DOM.Install
npm
npm install --save hn-loaderQuick Start
3 Easy Steps
Link to style.css
<link href="style.css" rel="stylesheet"/>Link to hn-loader.js
<script src="hn-loader.js"></script>use hnLoader to display a loader
// Display an Loader hnLoader.show('Loading..!',"stille page is loading.,",{loaderType : "default"})
Other Options
// Display a Loader, with ripple
hnLoader.show('Loading..!',"stille page is loading.,",{loaderType : "ripple"})
// Display a Loader, with roller
hnLoader.show('Loading..!',"stille page is loading.,",{loaderType : "roller"})
// Display a Loader, with ellipsis
hnLoader.show('Loading..!',"stille page is loading.,",{loaderType : "ellipsis"})
// Remove a Loader
hnLoader.hide()
// chnage Loader at run Time
hnLoader.changeLoader("ripple"})
// Modify loader text or message
hnLoader.modify('Loading..!',"stille page is loading, We need some more time,,",{loaderType : "ellipsis"})