@snack-uikit/breadcrumbs

Breadcrumbs

Installation

npm i @snack-uikit/breadcrumbs

Changelog

Breadcrumbs

Компонент хлебных крошек

Props

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 одной и той же ссылкой.