Крошки
Создать хлебные крошки, чтобы показать пользователям их местоположение внутри сайта.
Использование
Трассировка компонента состоит из звеньев, которые располагаются рядом друг с другом и разделенных перегородкой.
Класс | Описание |
---|---|
.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>