# Breadcrumb

Breadcrumb trail with optional overflow menu.

Use Breadcrumb to show the current page position within a navigable hierarchy.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `itemLabel` | `Snippet<[{ item: BreadcrumbItem; }]>` | snippet | No | `undefined` | Custom render for one crumb's label. |
| `items` | `BreadcrumbItem[]` | prop | Yes | - | Ordered trail. The last item, or any with `current: true`, is current. |
| `maxItems` | `number` | prop | No | `undefined` | Above this count, the middle collapses into an overflow Menu. |
| `navLabel` | `string` | prop | No | `'Breadcrumb'` | Accessible label for the `nav` landmark. |
| `overflowLabel` | `string` | prop | No | `'Show hidden crumbs'` | Accessible label for the overflow Menu trigger. |
| `separator` | `BreadcrumbSeparator \| Snippet` | snippet | No | `'chevron'` | Enum separator, or a snippet that replaces it entirely. |
| `size` | `ControlSize` | prop | No | `'md'` | No additional description. |

## Related

- [Link](/docs/components/link): Styled native link for body and navigation text.
- [Segmented](/docs/components/segmented): Single-select segmented control.
- [Tabs](/docs/components/tabs): Panelled tabs with underline and pill presentations.