Создание иконочной навигационной панели.
Как использовать компонент Iconnav в UIkit 3
Для активации компонента добавьте класс .uk-iconnav элементу списка <ul>. Используте теги <a> в качестве пунктов меню в списке. Добавляйте иконки из компонента Icon - иконки. Активное состояние пункта меню традиционно задается классом .uk-active.
<ul class="uk-iconnav">
<li><a href="" uk-icon="icon: check"></a></li>
</ul>
<ul class="uk-iconnav"> <li><a href="#" uk-icon="icon: plus"></a></li> <li><a href="#" uk-icon="icon: file-edit"></a></li> <li><a href="#" uk-icon="icon: copy"></a></li> <li><a href="#" uk-icon="icon: trash"></a></li> </ul>
Вертикальное выравнивание
По умолчанию элементы iconnav выравниваются по горизонтали. Чтобы применить вертикальный вариант отображения, добавьте класс .uk-iconnav-vertical.
<ul class="uk-iconnav uk-iconnav-vertical">...</ul>