Package Exports

@rc-component/color-picker
@rc-component/color-picker/assets/index.css
@rc-component/color-picker/es/index.js
@rc-component/color-picker/es/util
@rc-component/color-picker/es/util.js
@rc-component/color-picker/lib/index.js
@rc-component/color-picker/lib/util
@rc-component/color-picker/lib/util.js

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 (@rc-component/color-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@rc-component/color-picker

React Color Picker.

install

Development

npm install
npm start

Example

http://localhost:8000

Usage

import ColorPicker from '@rc-component/color-picker';
import '@rc-component/color-picker/assets/index.css';

export default () => <ColorPicker />;

API

Property	Description	Type	Default
value	Value of color	string \| `Color`	-
defaultValue	Default value of color	string \| `Color`	-
onChange	Callback when `value` is changed	`(value: Color, type: hue \| alpha) => void`	-
onChangeComplete	Callback when `drag` is stop	`(value: Color, type: hue \| alpha) => void`	-
disabled	Disabled ColorPicker	boolean	false
disabledAlpha	Disabled alpha slider	boolean	false
panelRender	Custom panel render	`(panel: React.ReactElement) => React.ReactElement`	-

Color

Property	Description	Type	Default
toHexString	Convert to `hex` format color string, like `#ffffff`	`() => string`	-
toHsb	Convert to `hsb` object, like `{ h: 0, s: 0, b: 0, a: 0 }`	`() => ({ h: number, s: number, b: number, a number })`	-
toHsbString	Convert to `hsb` format color string, like `hsba(0, 0%, 0%, 0)`	`() => string`	-
toRgb	Convert to `rgb` object, like `{ r: 0, g: 0, b: 0, a: 0 }`	`() => ({ r: number, g: number, b: number, a number })`	-
toRgbString	Convert to `rgb` format color string, like `rgba(0, 0, 0, 0)`	`() => string`	-

Test Case

npm test
or
npm run coverage

License

@rc-component/color-picker is released under the MIT license.