JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="test">
    <li>element 1</li>
    <li>element 2</li>
    <li>element 3</li>
    <li>element 4</li>
    <li>element 5</li>
</ul>

CSS

ul {margin:0px; padding:0px; list-style:none; }
li {border:1px solid #ff0000; margin-bottom:3px; margin-left:30px; position:relative; cursor:default;}
li::after {content: "="; width:12px; height:17px; background-color: #00ff00; position:absolute; top:0px; left:-18px;}

JavaScript

$('#test').sortable({
    handle: "::after"
});