JSFiddle - React, Tailwind, and code Playground

by Rachel Gallen

HTML

<link rel="stylesheet" href="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/css/msdropdown/dd.css">
<script src="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/js/msdropdown/jquery.dd.min.js"></script>
  <select name="flags" id="flags">
    <option selected value="English" title="https://www.countryflags.io/gb/flat/24.png"></option>
    <option value="Vietmanese" title="https://www.countryflags.io/vn/flat/24.png"></option>
    <option class="pic" value="Thao" title="https://www.countryflags.io/th/flat/24.png"></option>

  </select>

CSS

#flags {
  width: 100px;

}
img{
   max-height:30px;
 }

JavaScript

$("body select").msDropDown();