JSFiddle - React, Tailwind, and code Playground

HTML

<h4>Dimensions</h4>
<div>
    <div id="list">
        <div class="level">1</div>
        <div class="level">2</div>
        <div class="level">3</div>
    </div>
</div>

CSS

div.level {
    margin: 3px 3px 3px 10px;
    background-color: yellow;
    border: 1px solid darkorange;
    cursor: move;
    border-radius: 3px;
    padding: 4px;
}

JavaScript

$(function () {
    $('#list').sortable({
        items: 'div',
        start: function (event, ui) {
            console.log('start drag');
        }
    });
});