npm i @snack-uikit/breadcrumbs
Компонент хлебных крошек
name | type | default value | description |
---|---|---|---|
items* | Item[] |
- | Массив айтемов |
className | string |
- | CSS-класс |
separator | string |
"›" | Разделитель |
size | enum Size: "xs" , "s"
|
s | Размер |
firstItemIconOnly | boolean |
false | Использовать иконку без лейбла в первом айтеме |
inactiveLastItem | boolean |
false | Делает некликабельным последний элемент, даже если для него переданы href или onClick
|
lastEmpty | boolean |
- |
Массив объектов, описывающих компонент:
type Item = {
/* Уникальный id */
id: string,
/* Текст */
label: string;
/* Короткий вариант текста */
shortLabel?: string;
/* Ссылка */
href?: string;
/* Колбек обработки клика в айтем */
onClick?(): void;
}
Компоненты Breadcrumbs мемоизирован, старайтесь передавать items
одной и той же ссылкой.