<!-- Generated by scripts/generate-web-components.js. Do not edit directly. -->

# BreadcrumbItem

Describes one declarative item inside breadcrumbs.

```html
<noora-breadcrumb-item href="/projects">Projects</noora-breadcrumb-item>
```

## Attributes

| Attribute | Type or allowed values | Default | Description |
| --- | --- | --- | --- |
| `label` | `string` | `""` | Sets the label instead of using text content. |
| `href` | `string` | None | Sets the navigation address. |
| `icon` | `string` | None | Shows an icon before the label. |
| `avatar` | `boolean` | `false` | Shows an avatar before the label. |
| `avatar-name` | `string` | None | Sets the avatar name. |
| `avatar-color` | `string` | None | Sets the avatar color. |
| `avatar-image-href` | `string` | None | Sets the avatar image address. |
| `badge-label` | `string` | None | Shows a badge with this label. |
| `badge-color` | `string` | None | Sets the badge color. |

## Slots

| Slot | Description |
| --- | --- |
| `default` | The label followed by optional noora-dropdown-item children. |

Nested noora-dropdown-item children create the optional breadcrumb menu.

## Item

Describe one level in a breadcrumb path.

```html
<noora-breadcrumb-item href="/projects">Projects</noora-breadcrumb-item>
```
