[![Build Status](https://travis-ci.org/horaklukas/loin.svg)](https://travis-ci.org/horaklukas/loin)

Loin
====

Very simple **lo**ading **in**dicator React component that just show "loading" message and dot progress bar.

Usage
-----

```javascript
var React = require('react');
var LoadingIndicator = require('loin');

React.createClass({
  render: function() {
  	return (
  		<div>
  			<LoadingIndicator message="Loading data" />
  		</div>
  	);
  }
});
```

Component props
---------------

`message` - Text shown before the dot progress bar, default is "Loading"
Loin
====

[![Build Status](https://travis-ci.org/horaklukas/loin.svg?branch=master)](https://travis-ci.org/horaklukas/loin)

Few types of simple **lo**ading **in**dicators as a React component.

Install
-------

```
npm install --save horaklukas/loin
```

Indicator types
---------------

Available indicator types and their props

### `Dots`

  `message` {string} Text shown before the dot progress bar, default is "Loading"


### `Columns`

  `count` {number} Number of columns

  `color` {string} Color of columns

Usage
------

```javascript
import React from 'react';
import {Dots, Columns} from 'loin';

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <Dots message="Loading data" />
        <Columns color="blue" count={6} />
      </div>
    );
  }
}
```

Update readme to be actual after last changes
Update readme to be actual after last changes
