https://github.com/chenglou/react-spinner

Zero configuration loading spinner.
https://github.com/chenglou/react-spinner

Last synced: 12 days ago
JSON representation

Zero configuration loading spinner.

• Host: GitHub
• URL: https://github.com/chenglou/react-spinner
• Owner: chenglou
• Created: 2013-09-07T16:24:37.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2018-10-19T09:42:03.000Z (about 6 years ago)
• Last Synced: 2024-10-13T11:15:49.876Z (about 1 month ago)
• Language: JavaScript
• Size: 472 KB
• Stars: 186
• Watchers: 9
• Forks: 36
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [React](http://facebook.github.io/react/)-spinner

Zero configuration loading spinner.

[Live demo](https://rawgit.com/chenglou/react-spinner/master/example/index.html) from the example folder. (To build it locally, clone this repo, `npm install && npm start` then open http://localhost:3000/example/)

## install

Bower:

```sh

bower install react-spinner

```

Npm:

```sh

npm install react-spinner

```

Plain old script tag:

```html

```

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

The CSS file:

```html

```

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](https://github.com/chenglou/react-spinner/blob/master/react-spinner.css#L1-L7).

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

## License

MIT.