JSFiddle - React, Tailwind, and code Playground

by mkdizajn

HTML

<script src="code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<ul id="selectable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

CSS

#selectable .ui-selecting {
    background: #ccc;
  }
  #selectable .ui-selected {
    background: #999;
  }

JavaScript

jQuery( "#selectable" ).selectable();