JSFiddle - React, Tailwind, and code Playground

by Md. Atiquzzaman Soikat

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.css">
<select name="somename" class="testselect">
        <option disabled="disabled" selected="selected">disabled selected</option>
        <!--placeholder-->
        <option title="Volvo is a car"  value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
        <option value="4">5</option>
        <option value="9">10</option>
    </select>

CSS

.SumoSelect{
  width: 350px;
}

JavaScript

$('.testselect').SumoSelect();