JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<div id="container">
    <div class="size1">
         <div class="widget">content1</div>
    </div>
    
    <div class="size2">
         <div class="widget">content2</div>
    </div>
    
    <div class="size1">
         <div class="widget">content3</div>
    </div>
    
    <div class="size2">
         <div class="widget">content4</div>
    </div>
    
    <div class="size1">
         <div class="widget">content5</div>
    </div>
</div>

CSS

.widget {background: red; position: relative; heigth: 20px; width: 100px; margin: 20px; cursor: pointer;}

JavaScript

$(function() {
    $( ".widget").addClass('ui-state-default');
    $( "#container" ).sortable().disableSelection();
});