JSFiddle - React, Tailwind, and code Playground

by sporritt

HTML

<script src="http://jsplumb.org/js/jquery.jsPlumb-1.3.8-all-min.js"></script>
<div id="d1" class="d">1</div>
<div id="d2" class="d">2</div>

CSS

.d { width:2em;height:2em;border:1px solid black; position:absolute; }

#d1 { top:50px;left:50px; }
#d2 { top:250px;left:250px; }

JavaScript

jsPlumb.ready(function() {
    jsPlumb.connect({
        source:"d1",
        target:"d2",
        detachable:false
    });        
    
});