Installation
Usage
import BreadcrumbIcon from "@/components/ruixen/breadcrumb-icon";
import { Home, Folder, File } from "lucide-react";
const items = [
{ label: "Home", href: "/", icon: Home },
{ label: "Documents", href: "/documents", icon: Folder },
{ label: "Report.pdf", icon: File },
];
export default function MyBreadcrumb() {
return <BreadcrumbIcon items={items} showHomeIcon={false} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | BreadcrumbIconItem[] | - | Array of breadcrumb items |
showHomeIcon | boolean | true | Add home icon to first item |
iconOnly | boolean | false | Show only icons without labels |
className | string | - | Additional CSS classes |
BreadcrumbIconItem
| Property | Type | Description |
|---|---|---|
label | string | Display text for the item |
href | string | Optional link URL |
icon | LucideIcon | Optional custom icon |