color-picker icon indicating copy to clipboard operation
color-picker copied to clipboard

"Fields" not found

Open dmt0 opened this issue 1 year ago • 0 comments

Thanks for bringing react-color back to live!

As I'm migrating, I'm missing an import Fields. This is the code I had before:

import {CustomPicker as customPicker} from 'react-color';
import Fields from 'react-color/lib/components/sketch/SketchFields';
import {Hue, Saturation} from 'react-color/lib/components/common';

const Custom = (props) => (
  <div className="colorpicker__outer">
    <div className="colorpicker__controls +flex">
      <div className="colorpicker__sliders">
        <div className="colorpicker__slider">
          <Hue {...props} />
        </div>
      </div>
    </div>
    <div className="colorpicker__saturation">
      <Saturation {...props} />
    </div>
    <div className="colorpicker__custom-input">
      <Fields {...props} onChange={props.onChangeComplete} />
    </div>
    <div className="colorpicker__swatches">
      <CompactPicker
        {...props}
      />
    </div>
  </div>
);

dmt0 avatar Mar 01 '23 03:03 dmt0