react-color

esm
A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Keywords
reactcolor pickerreact-componentcolorpickerpickersketchchromephotoshopmaterial designpopup
INSTALL
Version:
- Static
- Latest Patch
- Latest Minor
- Latest Major
- 2.19.3
- 2.19.1
- 2.18.1
- 2.18.0
- 2.17.3
- 2.17.2
- 2.17.1
- 2.17.0
- 2.14.1
- 2.14.0
- 2.13.8
- 2.13.7
- 2.13.5
- 2.13.4
- 2.13.3
- 2.13.2
- 2.13.1
- 2.13.0
- 2.12.1
- 2.12.0
- 2.11.7
- 2.11.6
- 2.11.5
- 2.11.4
- 2.11.3
- 2.11.2
- 2.11.1
- 2.11.0
- 2.10.0
- 2.9.0
- 2.8.0
- 2.6.0
- 2.5.0
- 2.4.3
- 2.4.2
- 2.4.1
- 2.4.0
- 2.3.4
- 2.3.3
- 2.3.2
- 2.3.1
- 2.3.0
- 2.2.7
- 2.2.6
- 2.2.5
- 2.2.4
- 2.2.3
- 2.2.2
- 2.2.1
- 2.2.0
- 2.1.1
- 2.1.0
- 2.0.0
- 1.3.8
- 1.3.7
- 1.3.6
- 1.3.5
- 1.3.4
- 1.3.3
- 1.3.2
- 1.3.1
- 1.3.0
- 1.2.1
- 1.2.0
- 1.1.2
- 1.1.1
- 1.1.0
- 1.0.6
- 1.0.5
- 1.0.4
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
- 3.0.0-beta.3
- 3.0.0-beta.2
- 3.0.0-beta.1
React Color
13 Different Pickers - Sketch, Photoshop, Chrome and many more
Make Your Own - Use the building block components to make your own
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