JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q48975F

A React component that enables to pick color through HSV/HEX/RGBA, and call up the EyeDropper.

Package Exports

  • rc-awsome-color-picker

Readme

rc-awsome-color-picker

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

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 headerText='颜色选择器' color={color} onChange={setColor} />
}

export default App

About

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