Breadcrumbs
Where am I, and how do I go back up. The last item is the current page, never a link.
Example
<Breadcrumbs
items={[
{ label: "Home", href: "/" },
{ label: "Components", href: "/components" },
{ label: "Reports" },
}}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | Array<{ label, href? }> | - | Trail; items without href render as text. |
label | string | Breadcrumb | Nav landmark name. |
Accessibility
- Wrapped in
<nav>with an ordered list. - Current page carries
aria-current="page"and is not clickable.