ReactAnimatedEllipsis

A React component to animate ellipsis.

This is a React wrapper of animated-ellipsis.

Install

npm install react-animated-ellipsis

var ReactAnimatedEllipsis = require( 'react-animated-ellipsis' );

<div>Loading<ReactAnimatedEllipsis/></div>

There are some settings you can tweak by setting the props.

<ReactAnimatedEllipsis
    fontSize="3rem"
    marginLeft="5px"
    spacing="0.3rem" />

fontSize: The font size of dots. Default: 2rem.
marginLeft: The spacing between the sibling text and the first dot. The value is set to margin-left of the first dot. Default: 0.1rem.
spacing: The spacing between dots. The value is set to margin-left of the second and third dots. Default: 0.1rem.

MIT. See LICENSE.md for details.

Name		Name	Last commit message	Last commit date
Latest commit History 34 Commits
dist		dist
src		src
.babelrc		.babelrc
.gitignore		.gitignore
.npmignore		.npmignore
LICENSE.md		LICENSE.md
README.md		README.md
index.js		index.js
package.json		package.json