Breadcrumb
Shows where the current page sits, and gives one-click access back up the tree.
The last crumb isn't a link
Omit href on the final item. It's the page you're already on, so linking it just gives people a control that appears to do nothing.
Variants
text disappears into a page header; button gives each crumb a hit area worth aiming at, which reads better in a dense app toolbar.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { label: string; href?: string }[] | The trail, root first. Leave href off the last item so the current page isn't a link to itself. | |
| variant | 'text' | 'button' | 'text' | Plain links, or each crumb in its own pill. |