JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<div class="demo">

<div id="draggable5" class="draggable ui-widget-content">
    <p>I snap to a 80 x 80 grid</p>
</div>

</div><!-- End demo -->

CSS

.draggable { width: 80px; height: 80px; float: left; margin: 0 10px 10px 0; font-size: .9em;}
    .ui-widget-header p, .ui-widget-content p { margin: 0; }
#snaptarget { height: 140px; }

body, html{
background: url('http://i.imgur.com/FBs3b.png') repeat;
}

JavaScript

$(function() {
    $("#draggable5").draggable({
        grid: [80, 80]
    });
});