rc-awsome-color-picker

基于 mb-react-color-picker二次开发

Preview

纯色

渐变

Install

1npm i rc-awsome-color-picker

Usage

1import { useState } from 'react'
2import { ColorPicker } from 'rc-awsome-color-picker'
3
4const App = function () {
5  const [color, setColor] = useState('')
6
7  return <ColorPicker headerTitle='颜色选择器' color={color} onChange={setColor} />
8}
9
10export default App
11

Feature

1. Support EyeDropper

2. Support GradientLinear

About

参数	说明	类型	默认值
value	颜色(支持十六进制和RGBA格式)	string | undefined	#fff
onChange	颜色被修改时的回调函数	(hex: string) => void	undefined
onClose	颜色选择器面板 被关闭时的回调函数	(e: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void	undefined
headerTitle	颜色选择器面板的标题组件	ReactChildren	undefined