1.0.3 • Published 4 years ago

react-fazer-animation v1.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

React Fazer Animation :rocket:

npm version

This animation is a Typescript / React portage of the codepen Redirecting Loader made by @mr_alien.

Preview

Demo

You can find a storybook with an exemple at: https://basiletrujillo.github.io/react-fazer-animation/

Installation

yarn add react-fazer-animation
# or
npm i --save react-fazer-animation

Usage

import {FazerAnimation} from 'react-fazer-animation';

export const exemple = () => (
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
  <FazerAnimation
    title={'Redirecting'}
    bodyColor={'#000000'}
    longfazersColor={'#000000'}
  />
</div>
);

Props

PropTypeDefinition
titlestringThe title to display.
bodyColorstringThe color of the body.
longfazersColorobjectThe color of the long fazers.

Contributing

PR are welcome!

Release process

Change the version number in package.json then push a commit with name "Release x.x.x" where x.x.x is the same version number as in package.json.

Licensing

This project is licensed under the MIT License.

All files located in the node_modules and external directories are externally maintained libraries used by this software which have their own licenses; we recommend you read them, as their terms may differ from the terms in the MIT License.