JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div class="resizable">
    <div class="inner">
</div>

CSS

.resizable {
    width: 40px; 
    height: 40px; 
    border: 1px solid black;
    padding: 10px;
}
.inner {
    width: 100%;
    height: 100%;
    background: orange;
    border-radius: 5px;
    margin: 0 auto;
}

JavaScript

$( ".resizable" ).resizable({
    grid: [ 40, 40 ]
});