JSFiddle - React, Tailwind, and code Playground

by Carl Angelo Nievarez

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css">
<select class="tags-select form-control" multiple="multiple" style="width: 200px;">
  <option value="tag1" selected="selected">tag1</option>
  <option value="tag2" selected="selected">tag2</option>
</select>

JavaScript

$(".tags-select").select2({
  // enable tagging
  tags: true,
    
  // max tags is 3
  maximumSelectionLength: 3,
    
  // loading remote data
  // see https://select2.github.io/options.html#ajax
  ajax: {
    url: "https://api.myjson.com/bins/444cr",
    processResults: function (data, page) {
      return {
        results: data
      };
    }
  }
});