Never Push Mistakes

    react-color
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-color package

    2.19.3 • Public • Published

    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

    1,161,759

    Version

    2.19.3

    License

    MIT

    Unpacked Size

    447 kB

    Total Files

    199

    Last publish

    Collaborators

    • case