JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sortable">
    <div>Tab 1</div>
    <div>Tab 2</div>
    <div>Tab 3</div>
    <div>Tab 4</div>
    <div>Tab 5</div>
</div>

CSS

#sortable {
    height: 30px;
    padding: 20px 20px 0 20px;
    background: #eee;
    border-bottom: 1px solid #aaa;
    font-family: arial, verdana;
    font-size: 12px;
}
#sortable div {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 2px;
    background: #fff;
    border: 1px solid #aaa;
    border-bottom: 0;
    float: left;
    cursor: move;
}

JavaScript

$('#sortable').sortable({
    axis: 'x'
});