JSFiddle - React, Tailwind, and code Playground

by Osama Qassar

HTML

<!-- Bootstrap CSS (ensure it's Bootstrap 5.3) -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Select CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">

<!-- JQuery 3.7 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Bootstrap Select JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script>

<select class="selectpicker" data-live-search="true">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    $('.selectpicker').selectpicker();
  });
</script>