JSFiddle - React, Tailwind, and code Playground

by dandoen

HTML

<div id="draggable" class="ui-widget-content">
    <p>Revert the original</p>
</div>

CSS

#draggable { 
    width: 100px;
    height: 100px;
    padding: 0.5em;
    float: left;
    margin: 0 10px 10px 0;
    background-color: red;
    border: 2px solid gray;
}

JavaScript

$(function() {
        $( "#draggable" ).draggable({
            revert: true,
            axis: "y"
                });
        
    });