JSFiddle - React, Tailwind, and code Playground

by Oleg Kiriljuk

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/redmond/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.js"></script>
<div id="outer">
    <div id="inner"></div>
</div>

CSS

#outer {
    margin-top: 20px;
    margin-left: 100px;
    margin-right: 100px;
    float: right;
}
#inner {
    background-color: yellow;
    width: 100px;
    height: 100px;
}

JavaScript

$("#inner").resizable({handles: "e,w"});