# CommonBread 面包屑

### 基础用法

:::demo

```vue
<template>
  <div class="__common-layer-bread">
    <common-bread title=""></common-bread>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const breads = ref([{ name: '表格示例', to: '/table' }, { name: '栅格示例' }])
</script>

<style>

.__common-layer-bread {
  height: 50px;
  padding-left: 26px;
  display: flex;
  align-items: center;
}
</style>
```

:::

### 配置参数

| 参数                | 说明                                                     | 类型             | 是否必须 |
| :------------------ | :----------------------------------------------------- | :--------------- | :------- |
|breads| 面包屑循环值，一般可以再router路由中的meta中进行配置；|Array[]|true|