Form select

• Применение
• В виде кнопки
• В виде ссылки

Применение

Чтобы применить этот компонент, просто добавьте класс .uk-form-select и атрибут data-uk-form-select к элементу контейнера вокруг span и элемента <select>. По сути, это перекроет ^{(наложит)} элемент выбора *select по умолчанию на пользовательскую форму UIkit.

Пример

<div class="uk-form-select" data-uk-form-select>
    <span></span>
    <select>
        <option value="">...</option>
        <option value="">...</option>
    </select>
</div>

В виде кнопки

Добавьте класс .uk-button к элементу контейнера, чтобы оформить его как кнопку.

<div class="uk-button uk-form-select" data-uk-form-select>
    <span></span>
    <i class="uk-icon-caret-down"></i>
    <select>
        <option value="">...</option>
        <option value="">...</option>
    </select>
</div>

В виде ссылки

Вы можете использовать такой элемент, как <a> в качестве select form. Просто добавьте опцию {target:'a'} к атрибуту data-uk-form-select и используйте <a> вместо элемента <span>.

Пример

<div class="uk-form-select" data-uk-form-select="{target:'a'}">
    <a></a>
    <select>...</select>
</div>

<link rel="stylesheet" href="/../css/components/form-select.min.css">
<script src="/../js/components/form-select.min.js"></script>