Package Exports

react-minimalistic-loaders

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-minimalistic-loaders) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.