React-minimalistic-loaders

A lightweight react loader component. I will try to add new animations and shapes consistently.

Usage:

installation:

npm i react-minimalistic-loaders or yarn add react-minimalistic-loaders

use it in your component:

import React, { Component } from "react";
import Loader from "react-minimalistic-loaders";

class App extends Component {
  render() {
    return (
      <Loader shape="Eyeball" size="100px" />
    );
  }
}

export default App;

Props:

Name	Type	Default	Description
size	string	28px	The size of the loader component - must be a valid CSS size unit.
color	string	#000	The color of the loader shape and text - must be a valid CSS color.
fontSize	string	28px	The size of the loader text - must be a valid CSS size unit.
loaderText	string	28px	Loader text, inputing en empty string - "" removes the text.
animationLength	string	4s	The length of a single animation loop - must be specified in ms or s.
animation	string	NormalRotation	The name of the loader animation.
shape	string	Base	The name of the loader shape.

Available animations:

• Grow
• HalfRotation
• Rotation
• AcceleratedRotation

Available shapes:

• Square
• NotchedCircle
• Sunshine
• Eyeball
• Corridor
• ThreeCircles
• Spinner
• InvertedTam

Contributing:

Please read CONTRIBUTING.MD before commiting. PRs that do not follow the existing code structure will be rejected.