react-element-spinner v1.0.4

React element spinner

A customizable loading spinner for React that overlays divs and blocks buttons.

Demo

There is a demo with some examples here. The repo with the code is this one.

Quick start

This code would create a global spinner, it would block all the page.

import { SpinnerComponent } from 'react-element-spinner';

<SpinnerComponent loading={true} position="global" />

This code would create a spinner that blocks the form.

import { SpinnerComponent } from 'react-element-spinner';

<form>
    <SpinnerComponent loading={true} position="centered" />
    <input type="text" name="address"/>
    <button>SAVE</button>
</form>

This code would create a spinner that blocks the button.

import { SpinnerComponent } from 'react-element-spinner';

<button>
  Button
  <SpinnerComponent loading={true} position="inline" color="#498DFF"/>
</button>

Properties

Custom styling

The spinner component is easily customizable by overriding its css classes.