node package manager
Stop wasting time. Easily manage code sharing in your team. Create a free org »

react-spinner

React-spinner

Zero configuration loading spinner.

Live demo from the example folder. (To build it locally, clone this repo, npm install && npm start then open http://localhost:3000/example/)

install

Bower:

bower install react-spinner

Npm:

npm install react-spinner

Plain old script tag:

<script src="path/to/react-spinner/build/index.js"></script>

(Compatible with CommonJS, e.g. Browserify.)

The CSS file:

<link rel="stylesheet" type="text/css" href="path/to/react-spinner.css">

The spinner

API

<Spinner />

Adds the spinner, which centers itself based on its container's dimensions. If those are not predefined, simply manually center it by adding more style rules to the exposed .react-spinner class here.

You can also override the .react-spinner's width and height if you want a bigger or smaller spinner. Everything resizes correctly.

License

MIT.