JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="static.proto.io/css/smoothness/jquery-ui-1.8.6.custom.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<div id="container">
    <div class="draggable"></div>
    <div class="draggable"></div>
</div>

CSS

#container {
    width: 200px;
    text-align: center;
    height: 300px;
    border: 1px solid green;
    position: relative;
}

.draggable {
    width: 100px;
    height: 100px;
    background: yellow;
    margin: 10px auto;
    cursor: move;
}

JavaScript

$('#container').sortable({
    axis: ''
})

/*
$('.draggable').draggable({
    axis: 'y'
})
*/