search

tisoap / react-flow-smart-edge

Custom Edge for React Flow that never intersects with other nodes
https://tisoap.github.io/react-flow-smart-edge/
MIT License
242 stars 26 forks source link

How to add buttons to the edges? #21

Closed abhishekopsteq closed 2 years ago

abhishekopsteq commented 2 years ago

image Hey @tisoap, I am going to implement SmartStetpEdge with( importing {SmartStepEdge} from '@tisoap/react-flow-smart-edge') Button but I didn't see any methods like getBezierPath, getSmoothStepPath Could you please help me on that

tisoap commented 2 years ago

Hey @abhishekopsteq ! Could you please expand on that? There's really no exported methods with those names in this library, what are you trying to do?

abhishekopsteq commented 2 years ago

image Hello @tisoap, I'm attempting to add a button with SmartStepEdge similar to the image above. I drew the button in that image with blue pens.

tisoap commented 2 years ago

I understand now, unfortunately the edges from this package currently don't provide any way to create custom labels with buttons or other HTML elements. Another user reported this as an enhancement, so I'll close this issue here as a duplicate.