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