Back to directory
casesandberg avatar
casesandberg / react-color

react-color

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

12,319

Stars

921

Forks

74

Watchers

MIT

License

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

Releases

Patches

(BlockPicker): fixes blockpicker input not working: #616 Default chrome view picker: #665 Remove cWRP from ColorWrap: #662 Remove cWRP from ChromeFields: #661 Remove wWRP from EdibleInput: #6...

Patches

Export Helpers: #613 Dont Change Color on Hover: #612 Remove preventDefault on passive events: #611

Patches

Clean Up Root & Remove Modules: #410 Fix typo in SketchFields.js: #409 Eslint Fixes + Chain to Test Command: #411 More Examples: #412 Update Eslint Defaults: #414 Move Prop Types to Deps: #41...

Patches

Allow Github.js receive width props as percentage: #396 Validation conflict between parent and child object. Since the property is passed down (and unused in parent object), removed the prese...

Patches

Initial Storybook: #394 Get width and height from getBoundingClientRect: #391 Fix(helper): fix duplicated 'a' when validating: #389 Fix overflow edge of GitHubSwatch on Firefox: #387

Credits...