JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<script src="https://unpkg.com/[email protected]/dist/interact.min.js"></script>


<div id="movable-box">
  <div id="drag-point" />
</div>

JavaScript

var movable = document.querySelector('#movable-box');


interact(movable)
  .draggable({
    allowFrom: '.drag-handle',
    onmove: function (event) {
      /* ... /
    }
  })
  .resizable({
    allowFrom: '.resize-handle',
    onmove: function (event) {
      / ... /
    }
  })
  .pointerEvents({
    allowFrom: '',
  });;