JSFiddle - React, Tailwind, and code Playground

by Roman Zharikov

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css">
<select class="js-example-basic-single" name="state">
  <option value="AL">1 - Alabama</option>
  <option value="WY">2 - Wyoming</option>
</select>

CSS

.js-example-basic-single {
  width: 100%;
}

JavaScript

$(document).ready(function() {
    $('.js-example-basic-single').select2();
});