react-colorizer.A color picker component for React and React Native.
Check out our app built on top of this component:
yarn add react-colorizer
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')
);
prop | type | default value |
---|---|---|
color |
string |
‘#ff0000’ |
height |
number |
|
width |
number |
|
onColorChanged |
func |
|
onColorChangeEnd |
func |
|
onColorChangeStart |
func |
Please see CONTRIBUTING.md
Author: andcards
Live Demo: http://andcards.github.io/react-colorizer/
GitHub: https://github.com/andcards/react-colorizer
#react-native #programming