Select2

Single

Multiple

withImage

withIcon

bgIndicator

Users

  • Uses Instruction

  • Select2 is delivered primarily via npm. npm i select2
  • Also need to install select2-bootstrap-5-theme. npm install select2-bootstrap-5-theme
  • Add the following line into the <head> of each template or page that you want to use Select2 on.
    
    <!-- Select2 Core CSS -->
    <link rel="stylesheet" href="./../assets/vendors/select2/css/select2.min.css">
    
  • Add the following lines before the <body> of each template or page that you want to use Select2 on.
    
    <!-- Select2 JS -->
    <script src="./../assets/vendors/select2/js/select2.full.min.js"></script>
    
    <!-- Select2 Initialize JS -->
    <script src="./../assets/js/components/selects/select2-init.min.js"></script>
    
  • For full documentation please visit the link: https://select2.org/