# Breadcrumb Item

[component-header:sl-breadcrumb-item]

Breadcrumb Items are used inside breadcrumbs to represent different links.


```html preview
<sl-breadcrumb>
  <sl-breadcrumb-item>
    <sl-icon slot="prefix" name="house"></sl-icon>
    Home
  </sl-breadcrumb-item>
  <sl-breadcrumb-item>Clothing</sl-breadcrumb-item>
  <sl-breadcrumb-item leaf="true">Shirts</sl-breadcrumb-item>
</sl-breadcrumb>
```


:::tip
Additional demonstrations can be found in the [breadcrumb examples](/components/breadcrumb).
:::


[component-metadata:sl-breadcrumb-item]