React color pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
npm install @hello-pangea/color-picker[![Npm Version][npm-version-image]][npm-version-url]
[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]
Simple color picker for React.
- 🔨 13 different pickers - Start building with Sketch, Photoshop, Chrome and many more
- 🎨 Make your own - Use React Context and our building blocks to create any custom component
- 🌲 Tree shakeable
- 📖 Examples
This library is a fork of react-color and builds on the amazing work of @casesandberg
!Demo
``sh`
npm install @hello-pangea/color-picker
`js
import React from "react";
import { SketchPicker } from "@hello-pangea/color-picker";
function App() {
return
}
`
You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker` respectively.
[license-image]: https://img.shields.io/npm/l/@hello-pangea/color-picker
[license-url]: LICENSE
[downloads-image]: https://img.shields.io/npm/dm/@hello-pangea/color-picker
[downloads-url]: https://npm-stat.com/charts.html?package=@hello-pangea/color-picker
[npm-version-image]: https://img.shields.io/npm/v/@hello-pangea/color-picker
[npm-version-url]: https://www.npmjs.com/package/@hello-pangea/color-picker