JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link href="http://code.jquery.com/ui/1.8.24/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script src="http://code.jquery.com/ui/1.8.24/jquery-ui.js"></script>

<div id="dialog" title="Basic dialog">
    <p>Enter the letter A to launch autocomplete suggestion popup then move, resize or close with the 'x' icon.</p>
    <div class="ui-widget">
        <label for="tags">Tags: </label>
        <input id="tags" />
    </div>
</div>

JavaScript

$( "#dialog" ).dialog();
$( "#tags" ).autocomplete({
    source: [ "A", "B", "C" ]
});