react-awesome-spinners

Loading spinners for React, built with styled-components.

View Demo View Github

react-awesome-spinners

Installation

npm

npm i react-awesome-spinners

yarn

yarn add react-awesome-spinners

Usage

  1. Import any spinner
import { Ring } from 'react-awesome-spinners'
  1. Use it as usual
import React, { useState } from "react";
import ReactDOM from "react-dom";
import { Ring } from "react-awesome-spinners";

const App = () => {
  const [loading, setLoading] = useState(true)
    
  return (
      loading && <Ring />
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

Default Props

Common default props for all loaders:

size: 64,
color: '#00bfff',
sizeUnit: 'px'

Peer dependencies

  • React (of course ⛵️)
  • styled-components

GitHub