
- Использование
- Свойства
Копировать
Спросить AI
import { BrowserRouter } from "react-router-dom";
import { Breadcrumb } from "@/ui/navigation/bread-crumb/components/Breadcrumb";
export const MyComponent = () => {
const breadcrumbLinks = [
{ children: "Home", href: "/" },
{ children: "Category", href: "/category" },
{ children: "Subcategory", href: "/category/subcategory" },
{ children: "Current Page" },
];
return (
<BrowserRouter>
<Breadcrumb className links={breadcrumbLinks} />
</BrowserRouter>
)
};
| Свойства | Тип | Описание |
|---|---|---|
| className | строка | Дополнительное имя класса для дополнительной стилизации |
| ссылки | массив | Массив объектов, каждый из которых представляет собой ссылку-хлебную крошку. Каждый объект имеет свойство children (текстовое содержимое ссылки) и необязательное свойство href (URL-адрес для перехода по ссылке при щелчке) |