order
Breadcrumb
Where you are in the project tree, with a link back up each level.
Task pagePath with the current page last
Depot signage proofs
MC
Maya Chen, due Mon 27 Oct
In progressIn context
On a phoneA back link in the app bar, the full path under it
TasksDepot signage proofs
Depot signage proofs
Maya Chen, due Mon
Harbour rebrand
Props
| Prop | Type | Required | Default |
|---|---|---|---|
items | BreadcrumbItem[] | Yes | — |
separator | ReactNode | No | / |
className | string | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
renderLink | RenderLink | undefined | No | — |
Accessibility
<nav aria-label="Breadcrumb"> wrapping a real <ol>: each item with an href is a real <a>; the final item is plain text marked aria-current="page", never a link to the page being viewed. Separators are aria-hidden.
data-rebar-* attributes
data-rebar-component="breadcrumb", data-rebar-part="item" | "separator".
Migrating to Ant Design
AntD's Breadcrumb takes an items array of the same shape (AntD calls the text title, not label): a mostly mechanical rename, not yet codemod-covered.