@nicksrandall/react-color

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


Keywords
react, color picker, react-component, colorpicker, picker, sketch, chrome, photoshop, material design, popup, color-picker, inline-styles
License
MIT
Install
npm install @nicksrandall/react-color@2.19.4

Documentation

Npm Version Build Status License Downloads

  • 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

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 />
  }
}

You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

100% inline styles via ReactCSS