react-loading-components

customable react loading component

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-loading-components
921.1.125 years ago5 years agoMinified + gzip package size for react-loading-components in KB

Readme

react-loading-components
Easy to use loading animations for React projects. Uses SVG animations from SamHerbert SVG-Loaders project.

Installation

npm i react-loading-components
or
yarn add react-loading-components

Demo

DEMO

Loading Types

  • audio
  • balltriangle
  • bars
  • circles
  • grid
  • hearts
  • oval
  • puff
  • rings
  • spinningcircles
  • tailspin
  • threedots

Example

import React from 'react';
import Loading from 'react-loading-components';

const Example = () => (
  <Loading type='ball_triangle' width={100} height={100} fill='#f44242' />
);

export default Example;

Props

| Name | Type | Default Value | |:------:|:------:|:---------------:| | type | String | audio | | fill | String | #ffffff | | height | Number or String | 64 (px) | | width | Number or String | 64 (px) |

License

ISC