JSFiddle - React, Tailwind, and code Playground

by lingceng

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.full.min.js"></script>
<script src="https://rawgit.com/lingceng/d1cd5ca5db9a777b31487769242c422f/raw/69e98eeb1a154d625bb85e3420b7738f5f56961c/select2_input_tags.js"></script>
  <input id="select2Input" multiple value="foo,bar" class="w100">
  
  <select id="select2Select" multiple>
  </select>

CSS

#select2Select {width: 200px}
.w100 {width: 100px}

JavaScript

select2InputTags('#select2Input').select2({
       tags: true, // Doesn't work either
       // tags:["red", "green", "blue"], // Doesn't work either
       multiple: true,
       tokenSeparators: [",", " "]
});

$('#select2Select').select2({
       tags: true,
       multiple: true,
       tokenSeparators: [",", " "]
});