JSFiddle - React, Tailwind, and code Playground

by imys

HTML

<script src="//cdn.bootcss.com/Sortable/1.5.0-rc1/Sortable.min.js"></script>
<ul id="items">
  <li>sfsf1</li>
  <li>sfsf2</li>
  <li>sfsf3</li>
  <li>sfsf4</li>
  <li>sfsf5</li>
</ul>

CSS

li {
  display: inline-block;
  width: 200px;
  line-height: 50px;
  text-align: center;
  background: #eee;
  border-bottom: 1px solid #ddd;
}
ul {
  width: 500px;
  height: 300px;
  list-style: none;
  padding-left: 0;
  white-space: nowrap;
  overflow-x: auto;
}

JavaScript

var el = document.getElementById('items');
var sortable = Sortable.create(el, {
	forceFallback: true
});