BreadcrumbsItem
Description
<vaadin-breadcrumbs-item> is a single item inside a <vaadin-breadcrumbs>.
Styling
The following shadow DOM parts are available for styling:
| Part name | Description |
|---|---|
link |
The interactive <a> rendered when path is set. |
nolink |
The non-interactive <span> rendered when path is unset. |
label |
Wraps the item's text content, inside link or nolink. |
The following state attributes are available for styling:
| Attribute | Description |
|---|---|
current |
Set by the parent <vaadin-breadcrumbs> on the last item when it has no path. |
has-prefix |
Set when the item has content in the prefix slot |
See Styling Components documentation.
Properties
current
Type: boolean
When true, the item represents the current page. Set by the parent
<vaadin-breadcrumbs> on the last item when it has no path. The
item reflects this state by applying aria-current="page" to its
inner [part="nolink"] element.
path
Type: string | null | undefined
The path to navigate to. When set, the item renders as a link
(<a part="link">); when unset, it renders as a non-link
(<span part="nolink">).