ReactAnimatedEllipsis

A React component to animate ellipsis.

This is a React wrapper of animated-ellipsis.

Install

npm install react-animated-ellipsis

Usage

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

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

Configuration

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.

License

MIT. See LICENSE.md for details.