Breadcrumbs

Навигационная цепочка «хлебные крошки» — список ссылок с разделителем.

Типизация элементов​

Параметр items является обязательным и поддерживает следующие типы:

type Items =
| {
/**
* Обработчик клика на элемент
*/
onClick?: () => void;
/**
* Элемент заголовка
*/
title: string;
/**
* Элемент выключен
*/
disabled?: boolean;
}
| {
/**
* Ссылка на страницу ( если не указана, то ссылка не кликабельна )
*/
href?: string;
/**
* Элемент заголовка
*/
title: string;
/**
* Элемент выключен
*/
disabled?: boolean;
}
| {
/**
* Функция рендера элемента
*/
renderItem: () => ReactNode;
};

При использовании одного из трёх вариантов, свойства остальных будут не доступны.

Пример​

Live Editor

Result

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

Live Editor

Result

Использование с кастомным элементом​

Live Editor

Result

API​