JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sortable">
        
        <div class="draggable">
            <a href="">copy me 1</a>      
        </div>
        
        <div class="draggable">
            <a href="">copy me 2</a>      
        </div>
            
        <div class="draggable">
            <a href="">copy me</a>        
        </div>
        
</div>

<div id="sortable2">
        
        <div class="draggable2">
            <a href="">copy me 1</a>      
        </div>
        
        <div class="draggable2">
            copy me 2   
        </div>
            
        <div class="draggable2">
           copy me      
        </div>
        
</div>

CSS

.draggable {background:#000; color:#fff; display:inline-block; margin:10px; padding:20px;}

.draggable2 {background:#000; color:#fff; display:inline-block; margin:10px;}

JavaScript

var mySortables = new Sortables('#sortable',
	{
		clone:true,
		revert:true,
		opacity:1
		
	});

var mySortables2 = new Sortables('#sortable2',
	{
		clone:true,
		revert:true,
		opacity:1
		
	});