react-loader-spinner

You can display the loading status visually through the loader.

Screenshot

You can resize the loader using margin.

Installation

npm install @salmonco/react-loader-spinner

Usage

import { FadeLoader } from '@salmonco/react-loader-spinner';

<FadeLoader color="green" width={3} height={10} margin={8} />;

Props

|Prop|Description|Type|Default| |---|---|---|---| |color|Color of the loader|string|salmon| |width|Width of elements that make up the loader|number|5| |height|Height of elements that make up the loader|number|15| |radius|Border radius of elements that make up the loader|number|2| |margin|Distance of elements from the center of the loader|number|10|

If you write it as a number, it will automatically be treated as px.

Contributing

Contributions are always welcome!

License

MIT