Dw-neit-rc-component-color-picker NPM

dw-neit-rc-component-color-picker

React Color Picker.

install

Development

npm install
npm start

Example

http://localhost:8000

Usage

import ColorPicker from 'dw-neit-rc-component-color-picker';
import 'dw-neit-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

dw-neit-rc-component-color-picker is released under the MIT license.

react react-component react-mentions color-picker

@ant-design/fast-color @babel/runtime classnames dw-neit-rc-util

dw-neit-antd

2.0.1

1 year ago