JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jsplumb.org/js/jquery.jsPlumb-1.3.14-all.js"></script>
<div class="d" id="one">one</div>
<div class="d" id="two">two</div>

CSS

.d {
    position:absolute;
    width:3em;border:1px solid black;
    height:3em;
    z-index:10;
}

#two { left:300px; top:200px; }

JavaScript

jsPlumb.ready(function() {
    var e1 = jsPlumb.addEndpoint("one",{
        isSource:true
    });

    var e2 = jsPlumb.addEndpoint("two",{
        isTarget:true
    });

    var c = jsPlumb.connect({source:e1,target:e2});
 
    jsPlumb.bind("beforeDetach", function(info) {
       return confirm("Detach?"); 
    });
    
});