Крошки

Создать хлебные крошки, чтобы показать пользователям их местоположение внутри сайта.

Использование

Трассировка компонента состоит из звеньев, которые располагаются рядом друг с другом и разделенных перегородкой.

Класс Описание
.uk-breadcrumb Добавьте этот класс к <ul> элемент для определения иерархической составляющей. Используйте <a> элементы как иерархической элементы в списке.
.uk-active Добавьте этот класс к элементу списка, чтобы применить активное состояние и использовать <span> вместо <a> элемент.

Используйте <span> вместо <a> элемент для отключения элементов цепочки переходов.

Пример

Разметки

<ul class="uk-breadcrumb">
    <li><a href="">...</a></li>
    <li><a href="">...</a></li>
    <li><span>...</span></li>
    <li class="uk-active"><span>...</span></li>
</ul>