zent
Version:
一套前端设计语言和基于React的实现
35 lines (23 loc) • 1.28 kB
Markdown
# zent-breadcrumb
[](https://www.npmjs.com/package/zent-breadcrumb) [](https://www.npmjs.com/package/zent-breadcrumb)
面包屑组件, 提供一个有层次的导航结构, 并标明当前位置.
## 使用场景
- 系统拥有超过两级以上的层级结构.
- 需要告知用户『你在哪里』.
- 需要向上导航的功能.
## 使用指南
- 支持向 Breadcrumb 传递 `breads` 对象数组以生成面包屑, 数组中的对象应遵循 Item 组件规范.
- 支持自定义 Item 组件.
## API
#### Breadcrumb
| 参数 | 说明 | 类型 | 默认值 |
| --------- | ------- | ------ | -------- |
| breads | 数据 | array | `[]` |
| className | 自定义额外类名 | string | `''` |
| prefix | 自定义前缀 | string | `'zent'` |
#### Item
| 参数 | 说明 | 类型 | 默认值 |
| --------- | ------- | ----------------------- | ---- |
| name | 内容 | string or react element | |
| href | 链接 | string | |
| className | 自定义额外类名 | string | `''` |