JSFiddle - React, Tailwind, and code Playground

by kuyabiye

HTML

<script src="https://rawgit.com/nicolasbize/magicsuggest/master/magicsuggest.js"></script>
<link rel="stylesheet" href="https://rawgit.com/nicolasbize/magicsuggest/master/magicsuggest.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div id="magicsuggest"></div>

JavaScript

$(function() {
    $('#magicsuggest').magicSuggest({
        data: ['Paris', 'New York'],
        expandOnFocus: true,
        hideTrigger: true
    });
});