Skip to content

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

License

Notifications You must be signed in to change notification settings

akavato/react-color

 
 

Repository files navigation

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.

About

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

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%