JSFiddle - React, Tailwind, and code Playground

by mrigess

HTML

<ul id='elements'>
    <li>mtm1.abc_column = '@abc_column'</li>
    <li>mtm1.def_column = '@def_column'</li>
    <li>mtm1.ghi_column = '@ghi_column'</li>
    <li>mtm1.jkl_column = '@jkl_column'</li>
</ul>

CSS

#elements{
    font-weight:normal;
    font-size:10px;
    padding:4px;
    width:200px;
}
#elements li{
    border: 1px solid #ccc;
    background:#FAFAFA;
    padding:5px;
    margin:5px;
    cursor:pointer;
}

JavaScript

$('#elements').sortable();