# 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

Show code

    <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>