Basic

Paste the following code into the head section of your site’s HTML.

<link rel="stylesheet" type="text/css" href="src/ax5ui-select/dist/ax5select.css">
<script type="text/javascript" src="src/ax5ui-select/dist/ax5select.min.js"></script>

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <div data-ax5select="select1" data-ax5select-config="{}"></div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <div data-ax5select="select2" data-ax5select-config="{
                                multiple: true,
                                reset:'<i class=\'fa fa-trash\'></i>'
                             }">
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
var options = [];
for (var i = 0; i < 100; i++) {
    options.push({value: "optionValue" + i, text: "optionText" + i});
}
$(document.body).ready(function(){
    $('[data-ax5select]').ax5select({
        options: options
    });
});
</script>