search

projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.6k stars 1.17k forks source link

Link label when hovering the link #772

Closed davidsu06 closed 3 years ago

davidsu06 commented 3 years ago

Hi, how could I archieve that the link label appears when hovering the link itself?

Thanks for your help!

dylanvorster commented 3 years ago

you would need to use a custom link with some custom hover logic. The links render 2 paths 1 which is displayed and another which is invisible but much thicker. We then use hover mouse hover states on the invisible thicker link to determine if the link is under the mouse cursor. Please take a look at the custom links.