@arcteryx/components-animated-ellipsis

What is it?

A common Animated Ellipsis component with 3 sizes available.

Install

npm install --save @arcteryx/components-animated-ellipsis

Usage

import { AnimatedEllipsis } from "@arcteryx/components-animated-ellipsis";

<AnimatedEllipsis />

<AnimatedEllipsis size="small" />

<AnimatedEllipsis size="large" />

<span>
  Loading<AnimatedEllipsis />
</span>

Configuration

There is a size props that can be used to show a different size

• small: The height & width is "0.125rem". The margin is "0 0.125rem".
• large: The height & width is "1rem". The margin is "1em 0.5em".
• default: The height & width is "0.25rem". The margin is "0 0.125em".