# ColorPicker

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

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

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

### How to use
* `import ColorPicker from '@propellerads/color-picker';`
* And render
```
<ColorPicker
  color={{
    b: 0,
    g: 105,
    r: 255
  }}
  colors={[
    '#D9E3F0',
    '#F47373',
    '#697689',
    '#37D67A',
    '#2CCCE4',
    '#555555',
    '#DCE775',
    '#FF8A65',
    '#BA68C8'
  ]}
  enabled
  handleChange={function noRefCheck() {}}
/>
```