loading-screen-kraenau

It is a simple component that was created for the only reason of providing a responsive loading screen for applications made in ReactJs.

Usage no npm install needed!

<script type="module">
  import loadingScreenKraenau from 'https://cdn.skypack.dev/loading-screen-kraenau';
</script>

README

Loading Screen for React Applications

It is a simple component that was created for the only reason of providing a responsive loading screen for applications made in ReactJs.

1.-Only install "npm i loading-screen-kraenau"

2.-Import the package as "import Spinner from 'loading-screen-kraenau'"

3.- Finally , use the component < Spinner ></ Spinner > in every section that you need

βœ“ Props (Optional for personalized colors)

< Spinner type="type" backgroundColor="color" spinnerColor="color" > </ Spinner >

Available types for spinner : square(default),circle

β—¦Demo:

βœ“ Default Spinner (Active default colors only calling the component without props) alt text

βœ“ Spinner with personalized colors alt text

This project will be updating eventually, good luck.