React Color

Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

React
casesandberg/react-colorcasesandberg.github.io/react-color/react-color

README

React Color

[![Npm Version][npm-version-image]][npm-version-url] [![Build Status][travis-svg]][travis-url] [![License][license-image]][license-url] [![Downloads][downloads-image]][downloads-url]

13 Different Pickers - Sketch, Photoshop, Chrome and many more

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

Demo


Demo

[Live Demo](http://casesandberg.github.io/react-color/)

Installation & Usage


  1. ```sh
  2. npm install react-color --save
  3. ```

Include the Component


  1. ``` js
  2. import React from 'react'
  3. import { SketchPicker } from 'react-color'

  5. class Component extends React.Component {

  7.   render() {
  8.     return <SketchPicker />
  9.   }
  10. }
  11. ```
You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

100% inline styles via ReactCSS


[travis-svg]: https://travis-ci.org/casesandberg/react-color.svg
[travis-url]: https://travis-ci.org/casesandberg/react-color
[license-image]: http://img.shields.io/npm/l/react-color.svg
[license-url]: LICENSE
[downloads-image]: http://img.shields.io/npm/dm/react-color.svg
[downloads-url]: http://npm-stat.com/charts.html?package=react-color
[npm-version-image]: https://img.shields.io/npm/v/react-color.svg
[npm-version-url]: https://www.npmjs.com/package/react-color