Select

Select is based on the Select2 plugin which gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Official Documentation

Usage

CSS

In order to use this plugin on your page you will need to include the following styles in the Page CSS area from the page’s head section:

<link rel="stylesheet" href="../../assets/libs/select2/dist/css/select2.min.css">

JS

In order to use this plugin on your page you will need to include the following script in the “Page JS” area from the page’s footer:

<script src="../../assets/libs/select2/dist/js/select2.min.js"></script>

Initialization

Add data-toggle="select" on any <select> element your need to activate the selectpicker.

Example

<form>
    <select class="form-control" data-toggle="select">
        <option>Alerts</option>
        <option>Badges</option>
        <option>Buttons</option>
        <option>Cards</option>
        <option>Forms</option>
        <option>Modals</option>
    </select>
</form>
Summary