Miss any of our Open RFC calls?Watch the recordings here! »

react-loader-icon

1.0.1 • Public • Published

react-loader-icon

React component that display loader icon

Installation

To install react-loader-icon, use npm:

npm i react-loader-icon -S

Usage

import React from "react";
import LoaderIcon from "react-loader-icon";
 
class App extends React.Component {
  render() {
    return (
      <div>
        <LoaderIcon />
        <LoaderIcon size={100} />
        <LoaderIcon color={"red"} />
        <LoaderIcon className={"loader"} />
        <LoaderIcon style={{ marginTop: 100 }} />
        <LoaderIcon type={"bars"} color={"red"} size={100} />
        <LoaderIcon type={"balls"} />
        <LoaderIcon type={"bars"} />
        <LoaderIcon type={"bubbles"} />
        <LoaderIcon type={"cubes"} />
        <LoaderIcon type={"cylon"} />
        <LoaderIcon type={"spin"} />
        <LoaderIcon type={"spinningBubbles"} />
        <LoaderIcon type={"spokes"} />
      </div>
    );
  }
}
 
export default App;

Options

  • size - define the size of the icon. (default: 64) [OPTIONAL]
  • color - define the color of the icon. (default: black) [OPTIONAL]
  • type - define the type of loader icon needed. (default: spinningBubbles) [OPTIONAL]
  • className - define the className of loader icon. (default: spinningBubbles) [OPTIONAL]
  • style - define the style of loader icon. (default: spinningBubbles) [OPTIONAL]

Loading Types

  • balls
  • bars
  • bubbles
  • cubes
  • cylon
  • spin
  • spinningBubbles
  • spokes

Demo

react-loader-icon demo

Tests

npm install
npm test

Install

npm i react-loader-icon

DownloadsWeekly Downloads

1

Version

1.0.1

License

ISC

Unpacked Size

52.8 kB

Total Files

13

Last publish

Collaborators

  • avatar