animated-dots

The library that enables the use of animated ellipsis in React.

Default Example

import React from 'react';
import { AnimatedDots } from 'animated-dots';

export const Example = () => {
  return (
    <div>
      Default example<AnimatedDots />
    </div>
  );
};

Custom Example

import React from 'react';
import { AnimatedDots } from 'animated-dots';

export const Example = () => {
  return (
    <div>
      Custom example<AnimatedDots symbol='!' interval={300} />
    </div>
  );
};

Options

option	default	type	description
symbol	.	string	Symbol to be animated
interval	700	number	Interval at which the number of symbols will change