Popularity
2.0
Stable
Activity
0.0
Declining
88
4
10

Programming language: JavaScript
License: MIT License
Tags: UI Components     Color Picker     React     Color    
Latest version: v0.2.4

coloreact alternatives and similar libraries

Based on the "Color Picker" category.
Alternatively, view coloreact alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of coloreact or a related project?

Add another 'Color Picker' Library

README

ColoReact

A tiny Color Picker for React [ Demo ]

Install

$ npm i --save coloreact

How to use


  import ColorPicker from 'coloreact';

  // ...
  return (
    <ColorPicker
      opacity={true}
      color={this.state.currentColor}
      onChange={this.showColorNow}
      onComplete={this.showLastColor} />
    );
  // ...

Custom Parts

It is possible to create your own ColorPicker using Map and Sliders.

  import { Map, Slider } from 'coloreact';

  // ...
  return (
    <div className="myColorPicker">
      <Map
        x={this.state.saturation}
        y={this.state.value}
        max={100}
        backgroundColor={this.getHue()}
        onChange={this.handleSaturationValue}
      />
      <Slider
        vertical={true}
        value={this.state.hue}
        max={360}
        onChange={this.handleHue}
      />
    </div>  
  // ...


Examples

Live examples | Code

$ npm start
# goto http://localhost:3040/

License and Attribution

The project start as a derivate of the awesome react-simple-colorpicker which is based on react-colorpicker. Licensed MIT.

Docs

coming soon


*Note that all licence references and agreements mentioned in the coloreact README section above are relevant to that project's source code only.