react-awesome-spinners
Loading spinners for React, built with styled-components.
Installation
npm
npm i react-awesome-spinnersyarn
yarn add react-awesome-spinnersUsage
- Import any spinner
import { Ring } from 'react-awesome-spinners'- 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