JSFiddle - React, Tailwind, and code Playground

by william

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<div id="dialog" title="Create new user"> 
    <div class="demo">
        
        <div class="ui-widget">
            <label for="tags">Tags: </label>
            <input id="tags" />
        </div>
        
    </div>
</div><!-- End demo -->

JavaScript

var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
    ];
$("#tags").autocomplete({
    source: availableTags
});

$("#dialog").dialog({
    close: function() {
        $('#tags').autocomplete('close');
    }
});