Package Exports
- react-color-picker-wheel
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-color-picker-wheel) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-color-picker-wheel
Color picker component for React.js using color wheel
Demo can be found here: https://ahmethalac.github.io/react-color-picker-wheel/
Installation
npm install react-color-picker-wheel
yarn add react-color-picker-wheel
Usage
import ColorPicker from 'react-color-picker-wheel';
// ...
return <ColorPicker
initialColor="#FF0000"
onChange={(color => console.log(color))}
//Console output => { hex: "#FF0000", rgb : { r: 255, g: 0, b: 0 } , hsl : { h: 0, s: 100, l: 50 }
size={300}
/>;Properties
| Name | Type | Default Value | Description |
|---|---|---|---|
| initialColor | Hex |
"#FF0000" |
Color to render onto color wheel. It can be hex(#ffffff) or rgb object ({r:0, g:0, b:0}) |
| onChange | func |
()=>{} |
Function which will be called when color change occurs. Function parameter is a color object |
| size | number |
100 |
Size of the container in pixels (Container is a square) |