Breadcrumb
Navigation breadcrumb trail with customizable separator.
Example
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
label | string | 'Breadcrumb' | No | aria-label for the nav element |
separator | ReactNode | '/' | No | Separator between items |
Accessibility
- Wraps in <nav> with aria-label
- Current page item gets aria-current="page"
- Separator is aria-hidden
Related Tokens
--breadcrumb-on-surface--breadcrumb-separator