# Vue Loader
A vue.js component to show a loading indicator.

## How to initialize Vue Loader
Vue loader is built as a vue plugin. It can be initialized just as the Vue documentation states.

```javascript
import Loader from "@pderas/vue2-loader";

Vue.use(Loader, {
    color:  'black',    // default
    type:   'bar'       // default
});
```
## Usage

#### Creation
A vue loader is easily created, and usually combined with a v-if to show/hide the loader.<br>
```HTML
<loader></loader>
```

## Properties
| Property  | Required | Type    | Default | Description                                             |
|-----------|----------|---------|---------|---------------------------------------------------------|
| color     | false    | String  | 'black' | The color of the loader (can be a hex value)            |
| type      | false    | String  | 'bar'   | The type of style to use for the loader                 |

##### Available Types
1. bar
2. spinning-dot

#### Styling
Styling is currently limited, but can be expanded in the future.

## License
This project is covered under the MIT License. Feel free to use it wherever you like.


A vue 2 component to show a loading indicator. 

A vue 2 component to show a loading indicator

@pderas/vue2-loader

Vue Loader

How to initialize Vue Loader

Usage

Creation

Properties

Available Types

Styling

License

Keywords

Related posts

Property	Required	Type	Default	Description
color	false	String	'black'	The color of the loader (can be a hex value)
type	false	String	'bar'	The type of style to use for the loader