JSFiddle - React, Tailwind, and code Playground

by David DeLella

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.5/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.5/css/bootstrap-select.min.css">
<div class="m-3 form-group">
  <select title="Select your surfboard" class="selectpicker">
    <option>Select...</option>
    <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-chrome.png">Chrome</option>
    <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-firefox.png">Firefox</option>
    <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-ie.png">IE</option>
    <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-opera.png">Opera</option>
    <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-safari.png">Safari</option>
  </select>
</div>

JavaScript

$(document).ready(function() {
  $('select.selectpicker').selectpicker();
});