One-line: the path to the current page — only when the hierarchy is real and more than two levels deep.

```jsx
<Breadcrumb><BreadcrumbList>
  <BreadcrumbItem><BreadcrumbLink href="/">Home</BreadcrumbLink></BreadcrumbItem>
  <BreadcrumbSeparator />
  <BreadcrumbItem><BreadcrumbPage>Availability</BreadcrumbPage></BreadcrumbItem>
</BreadcrumbList></Breadcrumb>
```

Every segment before the last navigates; the last is `BreadcrumbPage` and is never a
link. `href="#"` is a bug, not a placeholder.

**In an app that routes in JavaScript**, keep the real `href` and add `onSelect` — the
click is intercepted and `preventDefault` is called for you. Without it the crumb only
changes the address bar and the page stays where it is:

```jsx
<BreadcrumbLink href={"#" + href} onSelect={() => onNavigate(href)}>Deals</BreadcrumbLink>
```

Resolve route patterns before they reach the link: `#/deals/:id` renders the literal
colon.
