/react-color

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

Primary LanguageJavaScriptMIT LicenseMIT

React Color + eyedropper, based on react-color

Npm Version License

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

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

Demo

Live Demo

Installation & Usage

npm install mp-react-color --save

Include the Component

import React from 'react'
import { ChromePicker } from 'mp-react-color'

class Component extends React.Component {

  render() {
    return <ChromePicker useScreenCaptureAPI rootElement={document.querySelector('#react-app')} />
  }
}

Added props to ChromePicker: disableEyedropper useScreenCaptureAPI rootElement

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