2.1.0 • Published 6 years ago
cf-component-color-picker v2.1.0
cf-component-color-picker
A color picker wrapper for react-color
Installation
Installation with yarn is recommended
$ yarn add cf-component-color-picker
Usage
import React from 'react';
import { ColorPicker, ColorPickerInput } from 'cf-component-color-picker';
import { createComponent } from 'cf-style-container';
const ConstrainingDiv = createComponent(
() => ({
width: '100px'
}),
'div'
);
ConstrainingDiv.setDisplayName('ConstrainingDiv');
class ColorPickerExample extends React.Component {
constructor(props) {
super(props);
this.state = {
color: 'green'
};
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
this.setState({ color: e.value });
}
render() {
return (
<div>
<ColorPicker color={'#00BB77'} />
<br />
<ConstrainingDiv>
<ColorPickerInput
value={this.state.color}
onChange={this.handleChange}
/>
</ConstrainingDiv>
</div>
);
}
}
export default ColorPickerExample;
2.1.0
6 years ago
2.0.37
6 years ago
2.0.36
6 years ago
2.0.35
6 years ago
2.0.34
6 years ago
2.0.33
6 years ago
2.0.32
6 years ago
2.0.31
6 years ago
2.0.30
6 years ago
2.0.29
6 years ago
2.0.28
6 years ago
2.0.27
6 years ago
2.0.26
6 years ago
2.0.25
6 years ago
2.0.24
6 years ago
2.0.23
6 years ago
2.0.22
6 years ago
2.0.21
6 years ago
2.0.20
6 years ago
2.0.19
6 years ago
2.0.18
6 years ago
2.0.17
6 years ago
2.0.16
6 years ago
2.0.15
6 years ago
2.0.14
6 years ago
2.0.13
6 years ago
2.0.12
6 years ago
2.0.11
6 years ago
2.0.10
7 years ago
2.0.9
7 years ago
2.0.8
7 years ago
2.0.7
7 years ago
2.0.5
7 years ago
2.0.4
7 years ago
2.0.3
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.2.3
7 years ago
1.2.2
7 years ago
1.1.0
7 years ago