Dropdown

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.


Usage

CSS

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

<link rel="stylesheet" href="/docs/assets/vendor/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 “Optional JS” area from the page’s footer:

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

Initialization

Table

Add data-toggle="select" on any div in order to activate the sorting functionality.

Example

Placeholder

Disabled select

Disabled results

Multiple