---
description: 'A Button component.'
labels: ['label1', 'label2', 'label3']
---

import Breadcrumbs from './index'
import '@platformuiserver/platformui.assets/css/index.less'

### 组件使用方式

```js
<div style={{ width: '100%' }}>
  <Breadcrumbs
    breadcrumbList={[
      {
        link: 'path',
        key: 'metadata',
        name: '名称',
        back: () => {
          console.log('回调函数')
        }
      },
      {
        key: 'metadata2',
        name: '名称'
      },
      {
        key: 'metadata3',
        name: '名称'
      }
    ]}
  />
</div>
```

### Using props to customize the text

Modify the text to see it change live:

```js live
<div style={{ width: '100%' }}>
  <Breadcrumbs
    breadcrumbList={[
      {
        link: 'path',
        key: 'metadata',
        name: '名称',
        back: () => {
          console.log('回调函数')
        }
      },
      {
        key: 'metadata2',
        name: '名称'
      },
      {
        key: 'metadata3',
        name: '名称'
      }
    ]}
  />
</div>
```

## Properties

| 属性           | 说明 | 类型 | 默认值 | 版本  |
| -------------- | ---- | ---- | ------ | ----- |
| breadcrumbList | Text | Text | Title  | Title |
