JSFiddle - React, Tailwind, and code Playground

by Dave Mednick

HTML

<ul id="#sortable">
   <li data-uid="x" data-status="away">John</li>
   <li data-uid="x" data-status="online">Tom</li>
   <li data-uid="x" data-status="online">Mary</li>
   <li data-uid="x" data-status="offline">Xiang</li>
   <li data-uid="x" data-status="away">Chris</li>
   <li data-uid="x" data-status="offline">Peter</li>
   <li data-uid="x" data-status="online">Matt</li>
</ul>

JavaScript

$(function() {
    $( "#sortable" ).sortable();
  });