---
title: BreadcrumbsItem
description: BreadcrumbsItem
element: vaadin-breadcrumbs-item
---

## 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](https://vaadin.com/docs/latest/styling/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">`).