Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-color-2

casesandberg9MIT2.0.2

A Collection of Color Pickers from Sketch, Photoshop, Chrome & more

react, color picker, react-component, colorpicker, picker, sketch, chrome, photoshop, material design, popup

readme

React Color

  • 7 Different Pickers - Sketch, Photoshop, Chrome and many more

  • Make Your Own - Use the building block components to make your own

Sketch and Photoshop Color Picker Built in React

Installation & Usage

npm install react-color --save

Include the Component

import React from 'react';
import { SketchPicker } from 'react-color';

class Component extends React.Component {

  render() {
    return <SketchPicker type="sketch" />;
  }
}

You can import ChromePicker CompactPicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker respectively.

100% inline styles via ReactCSS

changelog

Changelog

2.0.0 (6 March 2016)

  • New Import Method
  • Remove Positioning
  • More Intelligent Rerendering with PureRenderMixin
  • Bug Fixes

1.3.8 (27 February 2016)

  • Add Source to onChange and onChangeComplete
  • Add # to hex in onChage and onChangeComplete

1.3.7 (14 February 2016)

  • Fix sliderSwatches styles breaking on small widths (#91)
  • Upgrade ReactCSS to take advantage of modularized lodash.

1.3.6 (January 28, 2016)

  • Fix Uppercase Folder Linux Issue (#84)

1.3.5 (January 25, 2016)

  • Remove Babel Lodash Plugin
  • Fix components to work in Jest tests

1.3.4 (January 20, 2016)

  • Revert Export to ES5 module.exports

1.3.3 (January 19, 2016)

  • Clean lib Dir Before Compiling lib for Dist

1.3.2 (January 18, 2016)

  • Height and Width props on swatches component

1.3.1 (January 18, 2016)

  • Import Specific Lodash Methods
  • Upgrade babel to 6.x.x

1.3.0 (December 9, 2015)

  • All The Things