JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
</ul>

CSS

li {
    height: 50px;
    border: 1px solid black;
}

.placeholder {
    border: 1px solid red;
}

JavaScript

$( "ul" ).sortable({
    placeholder: "placeholder"
});

$( "li" ).resizable();