Skip to content
This repository was archived by the owner on Oct 25, 2022. It is now read-only.

spacebring/react-colorizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

react-colorizer

Greenkeeper badge Build Status npm package Dependency Status devDependency Status peerDependency Status

A color picker component for React and React Native.

Check out our app built on top of this component:

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

About

๐ŸŒˆ A Color Picker Component for React and React Native.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 7