Simple, composable, lightweight colorpicker for react
JavaScript CSS HTML
Latest commit 21feb34 Oct 4, 2016 @WickyNilliams 1.4.1

readme.md

React-Simple-ColorPicker

A simple(r) colorpicker written using React.

A fork of react-colorpicker, but with the extra stuff removed.

Why?

  • Improved performance
  • Smaller file size (only 3.8kb gzipped)
  • Easily composed into more complex color pickers (e.g. see example/src)
  • 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

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