JSFiddle - React, Tailwind, and code Playground

by learner73

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.js"></script>
<select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select" tabindex="8">
            <option value=""></option>
            <option>American Black Bear</option>
            <option>Asiatic Black Bear</option>
            <option>Brown Bear</option>
            <option>Giant Panda</option>
            <option selected>Sloth Bear</option>
            <option>Sun Bear</option>
            <option selected>Polar Bear</option>
            <option>Spectacled Bear</option>
          </select>

JavaScript

$(".chosen-select").chosen({
		width: "100%"
		
	});
$(".chosen-select").trigger("chosen:updated");