Components
Breadcrumb
The trail from the root to here. The last crumb is the page you are on and is deliberately not a link.
Anatomy
Code
<GdBreadcrumb :items="[
{ label: 'Projects', to: '/projects' },
{ label: 'Millbrook', to: '/projects/millbrook' },
{ label: '42 Jarrah Street' }
]" />Why the last crumb drops its link
The last crumb is the current page and is not a link \u2014 linking a page to itself is a dead control that a keyboard user still has to tab through. Passing a to on it is harmless, because it is dropped, but the intent should be in the data.
The separators are aria-hidden: a screen reader announcing "slash" between every crumb turns a three-item trail into six.
API
Props
PropTypeDefault
itemsrequiredGdNavItem[]—The trail, root first. The LAST item is the current page and is rendered without a link even if it carries a `to`.