Is there a way to have pointer over highlited area?

[gmunumel]

Hello,

Thanks for the library.

I want to know if it's possible to have pointer cursor over highlighted area? I'd like to have as CSS, like this:

<ImageMapper
      src={url}
      map={map}
      width={180}
      height={561}
      style={{ cursor: 'pointer' }}
    />

[NishargShah]

Hello @gmunumel

You can apply cursor css on img-mapper-map and it will apply to the whole image and for the highlighted area you can use img-mapper-area-highlighted.

For that please upgrade to v1.4.1

Demo: https://codesandbox.io/s/trusting-wright-htxxbg?file=/src/App.js

[NishargShah]

Feel free to reopen, if you have any doubts.

[bmakan]

This didn't work for me. What worked was adding styles for map element.

.container map {
    cursor: 'pointer';
}

Now when I hover over mapped areas my cursor changes.