Improved performance
Smaller file size (only 3.8kb gzipped)
Easily composed into more complex color pickers (e.g. see [example/src](example directory))
Bug fixes

Install

Via npm:

npm install react-simple-colorpicker --save

Or if you want a UMD-compatible served from a CDN:

https://unpkg.com/react-simple-colorpicker/umd/index.js

Usage

var React = require("react");
var ReactDOM = require("react-dom");
var ColorPicker = require("react-simple-colorpicker");

var App = React.createClass({

  getInitialState : function() {
    return {
      color : this.props.initialColor
    };
  },

  render : function() {
    return (
      <ColorPicker color={this.state.color} onChange={this.handleChange} opacitySlider />
    );
  },

  handleChange : function(color) {
    console.log(color); // color is rgb(a) string
    this.setState({ color : color });
  }

});

ReactDOM.render(<App initialColor="rgb(0,0,0,1)" />, document.querySelector("#app"));

Changelog

1.4.2

Fix warnings about use of deprecated features in React 15.5 (thanks @albertogasparin)

v1.4.1

Improve performance
Fix dragging inside elements with overflow: scroll (fixes #17)

v1.4.0

Upgrade to react v15

v1.3.0

react and react-dom now peer dependencies (fixes #9)
Performance improvements
Will now work if rendered into an iframe from another document
Switch to webpack
Add release script

v1.2.0

Compatibility with react v0.14

v1.1.2

Drop classSet in favour of classnames module
Switch out tinycolor2 for pure-color
Improved example

v1.1.1

Fix issue with extreme saturation values caused by tinycolor2
Better propTypes
Some internal code cleanup

v1.1.0 (deprecated)

Add option for alpha slider
React v0.13 compatibility

v1.0.1

Fix broken dependencies

v1.0.0 (deprecated)

React v0.11 compatibility

v0.5.0

Small tweaks

v0.1.0

Forked @stayradiated's react-colorpicker
Remove extraneous functionality
Drop reflux
Fix a few bugs
Add touch support
Some simple perf wins with PureRenderMixin

Keywords

FAQs

What is react-simple-colorpicker?

Is react-simple-colorpicker popular?

Is react-simple-colorpicker well maintained?

Last updated on 04 Sep 2017

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket