# Loader

### Usage

```js
import { Loader } from 'phoenix-components-library';

render() {
  return (
    <Loader
        active={true}
        centered={false}
    />
  );
}
```

### Live Example

<!-- STORY -->

### Properties

- `active` - to Activate loader, and deactivate it when needed
- `centered` - To add loader to full width of a parent and centered it

| propName | propType | defaultValue | isRequired |
| -------- | -------- | ------------ | ---------- |
| active   | bool     | true         |            |
| centered | bool     | true         |            |

### Roadmap