JSFiddle - React, Tailwind, and code Playground

by mesak

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ttskch/[email protected]/dist/select2-bootstrap4.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">

<div class="container">

    <div class="form-group">
      <label>Example of multiple select</label>
      <div>
      
      <select id="select_example" multiple data-placeholder="Choose anything">
        <option>Tommy Yount</option>
        <option>Hye Panter</option>
        <option>Vi Yohe</option>
        <option>Keva Bandy</option>
        <option>Hannelore Corning</option>
        <option>Delorse Whitcher</option>
        <option>Katharyn Marrinan</option>
        <option>Jeannine Tope</option>
        <option>Jamila Braggs</option>
        <option>Eden Cunniff</option>
        <option>Suzy Schoen</option>
        <option>Elza Mccook</option>
        <option>Liana Goris</option>
        <option>Pauletta Schlabach</option>
        <option>Synthia Dupuis</option>
        <option>Scarlett Kestler</option>
        <option>Magdalen Mele</option>
        <option>Susanna Schenk</option>
        <option>Else Stupka</option>
        <option>Pennie Khang</option>
      </select>
      </div>
    </div>

</div>

JavaScript

$('#select_example').select2({
  closeOnSelect : false
});