react-spinner-loader provides simple React SVG spinner component which can be implemented for async await operation before data loads to the view.

Installation

Using NPM:

$ npm install react-loader-spinner --save

Using yarn

$ yarn add react-loader-spinner

Documentation:

DEMO

Usage

import { Audio } from  'react-loader-spinner'


<Audio
    heigth="100"
    width="100"
    color='grey'
    arialLabel='loading'
  />

If webpack throws issue with css. (For older version of this package)

Change webpack config as: test: /\.scss$/ to test: /\.s?css$/

Newer version just import css file from node modules to app.js