Breadcrumb
The Breadcrumb component provides a reusable pattern for breadcrumb in the interface.
Breadcrumb
API
| Parameter | Default | Description |
|---|---|---|
|
list
|
[] | Array of breadcrumb items. |
|
label
|
Breadcrumb | The aria-label of the component |
|
componentElement
|
nav | What element to wrap this component with. |
|
listType
|
ol | The list type ol/ul |
|
listItemType
|
li | The item type: li |
|
prefixLabel
|
The label before the breadcrumb items (screen reader only). | |
|
truncate
|
The number of letters until item is truncated. |
CSS API
| Variable | Default | Type | Values | Description |
|---|---|---|---|---|
|
--c-breadcrumb--space
|
var(--space) | range | - | Base spacing unit. Used for padding and margin inside components. |
|
--c-breadcrumb--color--background-contrast-muted
|
var(--color--background-contrast-muted) | color | - | Derived muted contrast for text and icons on background surfaces. |