react-loading-animation-component

Loading component for React

Usage no npm install needed!

<script type="module">
  import reactLoadingAnimationComponent from 'https://cdn.skypack.dev/react-loading-animation-component';
</script>

README

@jemorini/react-loading

Oficial page:

https://react-loading.herokuapp.com

Install

$ yarn add react-loading-animation-component

Example

import { Loadings } from "react-loading-animation-component";

function App() {
return (
<div className="App">

<Loadings
type="circle"
primaryColor="white"
secondColor="red"
size={100}
/>

</div>
);
}
export default App;

Documentation

Props              Type             Description                                                 Usage
----------------------------------------------------------------------------------------------------------------------
type             {string}           "circle" / "alternate" / "rotation"                        (mandatory)
primaryColor     {string}           any color                                                  (mandatory)
secondColor      {string}           any color                                                  (mandatory)
size             {number}           loading size (alternate: max = 80) (rotation: max = 40 )   (mandatory)