rc-awsome-color-picker
TypeScript icon, indicating that this package has built-in type declarations

0.2.0 • Public • Published

rc-awsome-color-picker

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

Preview

纯色

纯色

渐变

渐变

Install

npm i rc-awsome-color-picker

Usage

import { useState } from 'react'
import { ColorPicker } from 'rc-awsome-color-picker'

const App = function () {
  const [color, setColor] = useState('')

  return <ColorPicker headerTitle='颜色选择器' color={color} onChange={setColor} />
}

export default App

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

Package Sidebar

Install

npm i rc-awsome-color-picker

Weekly Downloads

2

Version

0.2.0

License

none

Unpacked Size

846 kB

Total Files

35

Last publish

Collaborators

  • linhao-vue