Have ideas to improve npm?Join in the discussion! »

    react-spinner
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-spinner package

    0.2.7 • Public • Published

    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.

    Install

    npm i react-spinner

    DownloadsWeekly Downloads

    19,354

    Version

    0.2.7

    License

    MIT

    Last publish

    Collaborators

    • avatar