JSFiddle - React, Tailwind, and code Playground

by Jude Duran

HTML

<div id="resizable" class="test ui-widget-content">
  <h3 class="ui-widget-header">Resizable</h3>
</div>
 
 <div id="resizable" class="test ui-widget-content">
  <h3 class="ui-widget-header">Resizable</h3>
</div>

CSS

#resizable { width: 150px; height: 150px; padding: 0.5em; }
  #resizable h3 { text-align: center; margin: 0; }
.test{
    display: inline-block;
}

JavaScript

$(function() {
    $( "#resizable" ).resizable();
  });