JSFiddle - React, Tailwind, and code Playground

HTML

<button id="snap">Snap</button>
<div id="box"></div>

CSS

#box {
    width:200px;
    height:100px;
    background-color:blue;
}

JavaScript

$(function() {
    snap_on = true;
    $('#box').draggable();
    
    $('#snap').click(function() {
      
        if(!snap_on) {
             $('#box').draggable('option','grid', [50,50]);   
            snap_on = true;
        }
        else {
            $('#box').draggable('option','grid', false);
            snap_on = false;
        }
    });
});