JSFiddle - React, Tailwind, and code Playground

by k_rma

HTML

<br><br>

<div id="draggable">
    Test Div
</div>

CSS

#draggable {
    border:1px solid #ccc;
    height:100px;
    min-height:100px;
}

JavaScript

$(function(){

$( "#draggable" ).resizable({
    handles: 's',
    resize: function(e, ui)
    {
        var newH = Math.ceil((e.clientY - $(this).offset().top)/100)*100;
        $(this).height(newH);
    }
});
    
    
});