JSFiddle - React, Tailwind, and code Playground

by oterox

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<body class='bodyClass'>
  <div class='mainClass'>
    <select id="options" size="9">
      <option value="357">One</option>
      <option value="358">Two</option>
      <option value="359">Three</option>
      <option value="360">Four</option>
      <option value="361">Five</option>
    </select>
  </div>
</body>

CSS

select {
    width: 300px;
}
.bodyClass{
  width:100%;
  height:500px;
}

JavaScript

$('#options').select2({
    "placeholder": "Pick multiple options",
     minimumResultsForSearch: Infinity,   
});