useBreadcrumb - Empreint

Build a breadcrumb trail from the current URL pathname. Returns an array of { label, url } items, optionally renaming segments via a mapping.

import { useBreadcrumb, Breadcrumb, BreadcrumbItem } from "@empreint/ui";

const items = useBreadcrumb({
	mapping: [{ path: "docs", label: "Documentation" }],
});

<Breadcrumb>
	{items.map((item, i) => (
		<BreadcrumbItem key={item.url}>
			<a href={item.url}>{item.label}</a>
		</BreadcrumbItem>
	))}
</Breadcrumb>

Parameters

Prop

Type

Returns

Crumb[] — array of { label: string; url: string } ready to render.