color-picker-react-component v1.0.0

颜色选择器

选择常用颜色值，具有推荐颜色、最近使用颜色、拾色器、自定义颜色等功能。

图例

安装

npm install -s color-picker-react

使用

import React, { useState } from 'react';
import ColorPicker from 'color-picker-react';

export default () => {
  const [color, setColor] = useState('#fff');
  const [visible, setVisible] = useState(false);
  return (
    <>
      <div
        color={color}
        style={{
          width: 20,
          height: 20,
          border: '1px solid #ccc',
          backgroundColor: color,
        }}
      />
      <ColorPicker
        color={color}
        visible={visible}
        onChange={(color: string) => setColor(color)}
        onVisibleChange={(v: boolean) => setVisible(v)}
      />
    </>
  );
};

参数说明