Fetch Loading

!npm Downloads Last Year

React loading animation with three dots which can be displayed while data is being fetched from an API.

Supports React v18 and v19.

Installation

``
npm i fetch-loading
`

Usage

`
import { FetchLoading } from 'fetch-loading'

...

$3

$3

$3

...

`

!Default Fetch Loading Animation Preview

You can also pass any Hex- / RGB- or RGBA-value as an argument for the theme property:

`
...













...
`

!Theme Fetch Loading Animation Preview

By passing a descriptive value for ariaLabel, the following properties are added:

`
...

$3

$3

$3

...
`

This results in screen reader users hearing “Status - Loading” being read aloud.

Of course, theme and ariaLabel can also be used simultaneously:

`
...



...
``