react-simple-colorpicker

    1.4.2 • Public • Published

    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

    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

    Install

    npm i react-simple-colorpicker

    DownloadsWeekly Downloads

    306

    Version

    1.4.2

    License

    MIT

    Last publish

    Collaborators

    • avatar