Select2 - ZUI Documentation

Summary

The Select2 pattern utilizes the Select2 JavaScript library. More information can be found here: https://select2.github.io

There are no attributes defined for this pattern.

Example

Markup

<form>
    <select class="zui-select2">
        <option>C</option>
        <option>CSS</option>
        <option>C++</option>
        <option>HTML</option>
        <option>JavaScript</option>
        <option>PHP</option>
    </select>
</form>

<form>
    <select class="zui-select2" multiple="multiple">
        <option>C</option>
        <option>CSS</option>
        <option>C++</option>
        <option>HTML</option>
        <option>JavaScript</option>
        <option>PHP</option>
    </select>
</form>

<form>
    <select class="zui-select2" multiple="multiple" data-zui-select2-url="select2-data.json" data-zui-select2-tags="true">
    </select>

    <select class="zui-select2" multiple="multiple" data-zui-select2-url="select2-data.json" data-zui-select2-tags="true" data-zui-select2-tags-separators=" ,">
    </select>
</form>