Skip to content

amsrafid/js-skeleton-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JS Skeleton loader

Simple but very powerful loader package built with full javascript.

Installation

To install this package, include index.js file into your site head or end of the body section as a script.

<head>
    <!-- <script src="index.js"></script> -->
</head>
<body>
    <!-- Component in which loader will be initiated -->
    <div id="loader"></div>

    <!-- OR -->
    <!-- <script src="index.js"></script> -->
</body>

Basic Use

JS Skeleton loaders is very easy to use. It works with initializing of Loader class and render with given widget of view. A demo of input widget is given bellow,

new Loader('loader').render([
    ['round'],
    ['line*3', {
        style: [{
            borderRadius: "5px"
        }, {
            borderRadius: "5px",
            width: '60%'
        }]
    }]
], {
    numbers: 3,
    parentStyle: {
        height: "50px",
        width: "80%"
    },
    style: {
        width: "100%"
    }
});

It should looks like,

Authors

Initial development - A. M. Sadman Rafid

Security Vulnerabilities

If you discover a security vulnerability within JS Skeleton Loader, please send an e-mail to A. M. Sadman Rafid via amsrafid@gmail.com. All security vulnerabilities will be promptly addressed.

License

The JS Skeleton Loader is open-sourced software licensed under the MIT license.