Usage examples

[ryancwalsh]

Thanks so much for offering this library!

I was wondering if you could link to a working demo, maybe at Codesandbox or somewhere.

From the Readme, I haven't been able to figure out how to get this working.

If I use <EyeDropper pickRadius={1} onChange={onChange} /> and

function onChange({ rgb, hex }) {
    console.log({ hex });
  }

Then I just see a black oval, and clicking it just logs hex: '#000000' but never opens an eyedropper.

Thanks.

[ryancwalsh]

Ahh, I found your example at

react-eyedrop/example/src/App.tsx

Line 5 in c4e5f64

import { EyeDropper, OnChangeEyedrop, useEyeDrop } from './package'

which was helpful.

It would probably still be nice to have a more prominent live demo linked from the Readme.

But for me, I've got it working now. I appreciate it!

[jodhman]

Hello @ryancwalsh! I'm pleased to see you managed to make it work.
I'll take your suggestion to heart and will add a CodeSandbox link to the README. 🙌