JSFiddle - React, Tailwind, and code Playground

by kanonji

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.0/bootstrap.min.js"></script>
<script src="http://libcache.herokuapp.com/bootstrap/magicsuggest/bin/magicsuggest-1.2.7-min.js"></script>
<link rel="stylesheet" href="http://libcache.herokuapp.com/bootstrap/magicsuggest/bin/magicsuggest-1.2.7-min.css">
<div id="ms-right" class="ms-ctn " style="width: 250px; float: left;"><div id="ms-trigger-1" class="ms-trigger"><div class="ms-trigger-ico"></div></div><input id="ms-input-1" type="text" class="ms-empty-text" value="Type or click here" style="width: 208px;"><div class="ms-helper " style="display: block;"></div></div>

JavaScript

/*
 * Sample code for MagicSuggest
 * https://github.com/nicolasbize/magicsuggest
 */
$('#ms-right').magicSuggest({
    width: 250,
    selectionPosition: 'right',
    data: '山田,田中,佐藤,吉田,後藤,山本',
});