JSFiddle - React, Tailwind, and code Playground
by jairajdesai
HTML
<div class="choose">
<div class="language">
<ul class="country">
<select>
<option data-type="Brazil"><img src="Img/Flags-Icon-Set/24x24/BR.png" width="22" height="22" alt=""/> Brazil</option>
<option data-type="China"><img src="Img/Flags-Icon-Set/24x24/CN.png" width="22" height="22" alt=""/> China</option>
<option data-type="France"><img src="Img/Flags-Icon-Set/24x24/FR.png" width="22" height="22" alt=""/> France</option>
<option data-type="Germany"><img src="Img/Flags-Icon-Set/24x24/DE.png" width="22" height="22" alt=""/> Germany</option>
<option data-type="Hong Kong"><img src="Img/Flags-Icon-Set/24x24/HK.png" width="22" height="22" alt=""/> Hong Kong</option>
<option data-type="India"><img src="Img/Flags-Icon-Set/24x24/IN.png" width="22" height="22" alt=""/> India</option>
<option data-type="Indonesia"><img src="Img/Flags-Icon-Set/24x24/ID.png" width="22" height="22" alt=""/> Indonesia</option>
<option data-type="Malaysia"><img src="Img/Flags-Icon-Set/24x24/MY.png" width="22" height="22" alt=""/> Malaysia</option>
<option data-type="Netherlands"><img src="Img/Flags-Icon-Set/24x24/NL.png" width="22" height="22" alt=""> Netherlands</option>
<option data-type="Philippines"><img src="Img/Flags-Icon-Set/24x24/PH.png" width="22" height="22" alt=""/> Philippines</option>
<option data-type="Singapore"><img src="Img/Flags-Icon-Set/24x24/SG.png" width="22" height="22" alt=""/> Singapore</option>
<option data-type="Taiwan"><img src="Img/Flags-Icon-Set/24x24/TW.png" width="22" height="22" alt=""/> Taiwan</option>
</select>
</ul>
</div>
</div>