JSFiddle - React, Tailwind, and code Playground

HTML

<div id="blocks">
    <div class="block"> блок1 </div>
    <div class="block"> блок2 </div>
    <div class="block"> блок3 </div>
    <div class="block"> блок4 </div>
</div>

CSS

#blocks {
    width: auto;
    height:114px;
    border:1px dashed grey;
}
.block {
    display:block;
    width:100px;
    height:100px;
    background: gray;
    border: 1px solid black;
    margin:6px;
    color:white;
    float:left;
    text-align: center;
    line-height: 100px;
    cursor: pointer
}

JavaScript

$(".block").draggable({
    
    axis: 'x',
    stack: '.block',
    containment: '#blocks'
    
});