react-colorizer
A color picker component for React and React Native.
Check out our app built on top of this component:
- Download from Google Play Store
Installation
yarn add react-colorizer
The Gist
import React from 'react'; import ReactDOM from 'react-dom'; import ColorPicker from 'react-colorizer'; import fullScheme, { HarmonyTypes } from 'color-harmony-generator'; const selectedScheme = HarmonyTypes.TRIAD; function onColorChanged(color) { const fullScheme = color.fullScheme(selectedScheme); } ReactDOM.render( <ColorPicker height={50} color="#e56500" width={255} onColorChanged={onColorChanged} />, document.getElementById('Container') );
API
prop | type | default value |
---|---|---|
color | string | '#ff0000' |
height | number | |
width | number | |
onColorChanged | func | |
onColorChangeEnd | func | |
onColorChangeStart | func |
Want to contribute?
Please see CONTRIBUTING.md
License
MIT