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.