React Color Picker

Screenshots

Install

npm i @fiveem/react-color-picker

Usage

import ColorPicker from '@fiveem/react-color-picker'

<ColorPicker    value={this.state.value}
                name={this.state.name}
                colors={this.colors}
                onChange={this.onChange} />

API

|name|type|default value|description| |----|----|-------------|-----------| |value|String (Required)||Input value| |name|String|color|Name of the input| |colors|Array|[#1abc9c,#16a085,#2ecc71,#27ae60,#4caf50,#8bc34a,#cddc39,#3498db,#2980b9, #34495e,#2c3e50,#2196f3,#03a9f4,#00bcd4,#009688,#e74c3c,#c0392b,#f44336, #e67e22,#d35400,#f39c12,#ff9800,#ff5722,#ffc107,#f1c40f,#ffeb3b,#9b59b6, #8e44ad,#9c27b0,#673ab7,#e91e63,#3f51b5,#795548,#9e9e9e,#607d8b,#333333, #7f8c8d,#95a5a6,#bdc3c7,#ecf0f1,#efefef,#fcfcfc]|Colors that will be displayed in the color picker| |onChange|Function (Required)||Function that is called when the input changes|

License

react-color-picker is released under the MIT license.