JSFiddle - React, Tailwind, and code Playground

HTML

<h1>The resize Property</h1>

<div onresize="test()">
  <p>Let the user resize both the height and the width of this div element.</p>
  <p>To resize: Click and drag the bottom right corner of this div element.</p>
</div>

<p><b>Note:</b> Internet Explorer does not support the resize property.</p>

CSS

div {
  border: 2px solid;
  padding: 20px; 
  width: 300px;
  resize: both;
  overflow: auto;
}

JavaScript

function test(){
    alert("Resized");
}