# Breadcrumb 面包屑
---
#### 显示当前页面在系统层级结构中的位置，并能向上返回，当系统拥有超过两级以上的页面层级时使用。
### 基础用法
使用```to```来添加跳转链接

<div class="demo-block">
    <y-breadcrumb>
      <y-breadcrumb-item to="/">首页</y-breadcrumb-item>
      <y-breadcrumb-item to="/breadcrumb">后台管理</y-breadcrumb-item>
      <y-breadcrumb-item to="/detail">后台列表</y-breadcrumb-item>
      <y-breadcrumb-item>后台详情</y-breadcrumb-item>
   </y-breadcrumb>
</div>

::: demo

```html
<div>
    <y-breadcrumb>
      <y-breadcrumb-item to="/">首页</y-breadcrumb-item>
      <y-breadcrumb-item to="/breadcrumb">后台管理</y-breadcrumb-item>
      <y-breadcrumb-item to="/detail">后台列表</y-breadcrumb-item>
      <y-breadcrumb-item>后台详情</y-breadcrumb-item>
   </y-breadcrumb>
</div>
```
:::



### y-breadcrumb 属性属性
| 属性      | 说明     | 类型      | 可选值        | 默认值   |
|---------- |--------  |---------- |-------------  |-------- |
| to      | 自定义链接函数 | String    |  - |  -  |