elastic-loader

React component: Custom Loader

Usage no npm install needed!

<script type="module">
  import elasticLoader from 'https://cdn.skypack.dev/elastic-loader';
</script>

README

Elastic Loader

:trophy: About the package:

  • Full Custom Loader

npm version

Installation

NPM
npm install elastic-loader

Usage

[TYPE] Oval
<ElasticLoader 
  type='Oval'
  custom={{
    color: '#00a1ff',
    width: '40',
    height: '40'
  }}
/>
[TYPE] TwoDots
<ElasticLoader 
  type='TwoDots'
  custom={{
    color: '#00a1ff'
  }}
/>
[TYPE] Drop
<ElasticLoader 
  type='Drop'
  custom={{
    color: '#00a1ff'
  }}
/>

Types

  • Oval
  • TwoDots
  • Drop

Props Available

elastic-loader accepts the following props. Instructions on how to use them is shown below.

Type Custom
String Object