JSPM

react-color-picker-wheel

0.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 39
  • Score
    100M100P100Q53544F
  • License MIT

Color picker component for React.js using color wheel

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

npm version

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))}
    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. Parameter is a hsl object
size number 100 Size of the container in pixels (Container is a square)