0.3.2 • Published 2 years ago
coloreact v0.3.2
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 Slider
s.
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
$ 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
0.3.2
2 years ago
0.3.1
4 years ago
0.3.0
5 years ago
0.2.4
7 years ago
0.2.3
7 years ago
0.2.2
7 years ago
0.2.1
7 years ago
0.2.0
7 years ago
0.1.10
7 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago