Breadcrumb
A trail of links back up the hierarchy, ending in the current page. Every
item but the last is a real link; the last one carries aria-current="page".
Examples
Basic
Show code
<Breadcrumb
items={[
{ label: "Home", href: "/" },
{ label: "Components", href: "/components" },
{ label: "Breadcrumb" },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { label: string; href?: string }[] | — | The trail, in order. The last item is the current page. |
The root is a <nav> with an aria-label of "Breadcrumb"; pass your own to localize it. A
middle item without href renders as plain text.