Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    react-colorpublic

    React Color

    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

    install

    npm i react-color

    Downloadsweekly downloads

    134,073

    version

    2.14.1

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar