JSFiddle - React, Tailwind, and code Playground

by thepirat000

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id="resizable" class="ui-widget-content" >
  <h3 class="ui-widget-header">Resizable</h3>
</div>

CSS

#resizable {
     width: 200px;
     height: 200px;
     padding: 0.5em;
     background: #ccc;
  }
  #resizable h3 { text-align: center; margin: 0; }

JavaScript

$(document).ready( function() {
    $( "#resizable" ).resizable({
    	handles: "s, se",
      resize: function(event, ui) {
        $(this).css("width", '');
    	}
    });
  });