JSFiddle - React, Tailwind, and code Playground

by phaas

HTML

<link rel="stylesheet" href="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.css">
<script src="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.jquery.js"></script>
    <select name="f:j_id119" class="chz" multiple="multiple">
        <option value="NEW">New</option>
        <option value="SCREENED">Screened</option>
        <option value="QUALIFIED">Qualified</option>
        <option value="PROSP_CUST_REGSTRD">Prospective Customer
            Registered</option>
        <option value="DISQUALIFIED">Disqualified</option>
        <option value="DUPLICATE">Duplicate of Existing Customer</option>
    </select>

    <select multiple="multiple" class="priority chz">
        <option value="HIGH">High</option>
        <option value="MEDIUM">Medium</option>
        <option value="LOW">Low</option>
    </select>
  

  <script type="text/javascript"> $(".chz").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); </script>