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