The js-skeleton-loader's intro from poseidonwood

js-skeleton-loader's Introduction

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 [email protected]. All security vulnerabilities will be promptly addressed.