JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<div id='resizeDiv'><div id='handle' class="ui-resizable-handle ui-resizable-s"></div>
</div>

CSS

#resizeDiv {
    margin: 20px;
    width: 100px;
    height: 100px;
    border: 1px solid #CCC;
    background-color: #FAFAFA;
   
}

#handle {
    width: 100px;
    height: 10px;
    background-color: gray;
}

JavaScript

$(function() {
        $( "#resizeDiv" ).resizable({handles: {'s': '#handle'}});
    });