Breadcrumb

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

Применение

Компонент Breadcrumb состоит из ссылок, которые расположены рядом друг к другу и разделены разделителем.

Класс Описание
.uk-breadcrumb Добавьте этот класс к жлементу <ul>, чтобы определить компонент Breadcrumb.
Используйте тег <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>