Navigation

Breadcrumb

Shows where the page sits in the hierarchy. Long paths collapse their middle into an expandable ellipsis.
import { Breadcrumb } from "pleate/breadcrumb";

Icons and collapsing

Props

items

The path; the last item is the current page.

{ label, href?, icon? }[]

maxItems

Collapse the middle beyond this count.

number

renderLink

Render links with Next <Link>.

(item, props) => ReactNode

separator

Custom separator (chevron by default).

ReactNode