JSFiddle - React, Tailwind, and code Playground
HTML
<img id="drag1" class="drag" src="http://www.surfixe.com/img/tick2.png" draggable="true" />
CSS
.one {
cursor:pointer;
}
#drp_box {
display: inline-block;
padding: 4px 3px 5px 5px;
height:45px; width: 45px;
outline: none;
border: 1px solid #C8BFC4;
border-radius: 4px;
box-shadow: inset 1px 1px 2px #ddd8dc;
background-color: #fff;
overflow: visible;
}
JavaScript
$( "#drag1" ).draggable({ cursor: "crosshair" });