Breadcrumb
stableserver-safe
Where this page sits. The last item is the current page — not a link.
Default
<Breadcrumb
items={[
{ label: "Beat", href: "/beat" },
{ label: "Film", href: "/beat/film" },
{ label: "Jeanne Dielman" },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | Array<{ label: ReactNode; href?: string }> | — | Root first. Omit href on the last item. |
Accessibility
Wrapped in nav with aria-label="Breadcrumb".
The final item carries aria-current="page" and is not a link.
Separators are aria-hidden, so they aren't read as 'slash' between every level.