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