- Usage
- Props
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>
)
};
| Props | Type | Description |
|---|---|---|
| className | string | Optional class name for additional styling |
| links | array | An array of objects, each representing a breadcrumb link. Each object has a children property (the text content of the link) and an optional href property (the URL to navigate to when the link is clicked) |