# Spinner

![size](https://img.shields.io/bundlephobia/min/@propellerads/spinner.svg)
![](https://img.shields.io/npm/v/@propellerads/spinner.svg?style=flat-square)

[NPM](https://www.npmjs.com/package/@propellerads/spinner) |
[Github](https://github.com/propellerads/ui-components/tree/master/Components/Spinner)

## Installation
* `yarn add @propellerads/spinner` or `npm install @propellerads/spinner -S`

### How to use
* `import Spinner from '@propellerads/spinner';`
* Props:
##### `delay` The delay (in ms) before the spinner will appear
##### `center` Attempt to center the spinner in the parent element
##### `size` This is the width and height of the spinner, which can be specified before output (available sizes `'xs', 'sm', 'md', 'lg', 'xl'`)
##### `color` You can set a color in the colors (available colors `'black', 'white', 'gray', 'red', 'blue', 'gray_dark'`)
```
<Spinner
    delay={10}
    center={true}
    size="md"
    color="red"
/>
```