mp-react-color

react-color fork with eyedropper

Usage no npm install needed!

<script type="module">
  import mpReactColor from 'https://cdn.skypack.dev/mp-react-color';
</script>

README

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.