JSFiddle - React, Tailwind, and code Playground

by thomas_david88

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.js"></script>
   <div class="catalogue">
                            <label class="height pbottm15">Catalogue</label>
                            <div class="sidebar-dropdown dropdown-select right-check selectedall" id="choose-folder">
                                <label class="dropdown-label text-uppercase">SĂ©lectionner</label>
                                <div class="dropdown-list text-uppercase catalogue-list ">
                                    <div class="checkbox custom-control custom-checkbox small">
                                        <input type="checkbox" name="dropdown-group" class="check custom-control-input " data-id-select="1"  id="checkbox-custom1" />
                                        <label for="checkbox-custom1" class="custom-control-label" data-id=""> Tous</label>
                                    </div>
                                    <div class="checkbox custom-control custom-checkbox small">
                                        <input type="checkbox" name="dropdown-group" class="check custom-control-input " data-name="Shop" id="checkbox-custom2" />
                                        <label for="checkbox-custom2" class="custom-control-label" data-id="2"> Shop</label>
                                    </div>
                                    <div class="checkbox custom-control custom-checkbox small">
                                        <input type="checkbox" name="dropdown-group" class="check custom-control-input " data-name="Invisible"  id="checkbox-custom3" />
                                        <label for="checkbox-custom3" class="custom-control-label" data-id="3"> Invisible</label>
                                   ...

JavaScript

$('.selectedall').select2({
  
        });