🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Loading spinners for React, built with styled-components.

Featured Loading React

Documentation

react-awesome-spinners

NPM version Build Status Coverage Status minified-size js-standard-style MIT License

Loading spinners for React, built with styled-components.

Demo

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

Examples


You May Also Like