react-loading-dots

Three dots that animate loading action. Can be used in replacement of spinner.

Usage no npm install needed!

<script type="module">
  import reactLoadingDots from 'https://cdn.skypack.dev/react-loading-dots';
</script>

README

react-loading-dots

React component that has two states. 1) non-animating, 2) animating.

In state 1 (non-animating), component is displayed as three horizontal dots. In state 2 (animating), component is displayed as three animating loading dots that change opacity one after the other.

Params

isAnimating {Boolean} triggers animation

dotClass {String} other class names that need to be added to the dot