@gitlab/ui/src/components/base/breadcrumb/breadcrumb.md

GitLab UI Components

## Usage

This component provides two `<slot>` elements for customization. The first is a `<slot #avatar>`
so an avatar can appear before the first breadcrumb. The second is a `<slot #separator>` to
customize the icon that appears between each breadcrumb.

**note:** the component supports passing the property `to` in the list items to enable navigation
through `vue-router`

### Example

You can use any kind of separator you want in the slot, like below, which uses `<svg>`
to draw a `/`

```html
<gl-breadcrumb :items="items">
  <template #avatar>
    <img 
      alt=""
      class="gl-breadcrumb-avatar-tile"
      src="/path/to/image.png"
      width="16"
      height="16"
    />
  </template>
  <template #separator>
    <svg height="16">
      <line x1="100%" y1="0" x2="0" y2="100%" stroke="gray" />
    </svg>
  </template>
</gl-breadcrumb>
```