/ var / www / html / events / node_modules / react-loading / [ HOME SHELL ]

Name	Size	Permission
dist	[ DIR ]	drwxrwxr-x
lib	[ DIR ]	drwxrwxr-x
README.md	1.44 KB	-rw-rw-r--
index.d.ts	461 B	-rw-rw-r--
jest.setup.js	126 B	-rw-rw-r--
package.json	2.31 KB	-rw-rw-r--

Code Editor : README.md

# react-loading

[![Build Status](https://travis-ci.org/fakiolinho/react-loading.svg?branch=master)](https://travis-ci.org/fakiolinho/react-loading) [![Coverage Status](https://coveralls.io/repos/github/fakiolinho/react-loading/badge.svg?branch=master)](https://coveralls.io/github/fakiolinho/react-loading?branch=master)

Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's [loading](https://github.com/jxnblk/loading) project.

## Installation

```
npm i react-loading
```
or

```
yarn add react-loading
```

## Demo

Check [here](https://codesandbox.io/s/mqx0ql55qp)

## Loading Types

* blank
* balls
* bars
* bubbles
* cubes
* cylon
* spin
* spinningBubbles
* spokes

## Examples

```javascript
import React from 'react';
import ReactLoading from 'react-loading';

const Example = ({ type, color }) => (
	<ReactLoading type={type} color={color} height={667} width={375} />
);

export default Example;
```

```javascript
import React from 'react';
import ReactLoading from 'react-loading';

const Example = ({ type, color }) => (
	<ReactLoading type={type} color={color} height={'20%'} width={'20%'} />
);

export default Example;
```

### Props

## License

MIT

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : README.md

Urban Research Lab