zent
Version:
一套前端设计语言和基于React的实现
39 lines (27 loc) • 1.24 kB
Markdown
title: Breadcrumb
path: component/breadcrumb
group: Navigation
## Breadcrumb
Displays the position of the current page in the system hierarchy. It can be redirected and is only one line high.
### Suggestion
- There're more than 2 levels of hierarchy。
- Users need to be told where they are.
- Function of navigating upwards is required.
### Note
- No more than one line of Breadcrumbs is allowed
- Do not use Breadcrumbs directly to describe the operation path
### API
#### Breadcrumb
| Property | Description | Type | Default |
| ------------ | ------------------------------------- | ------ | ------- |
| breads | data | array | `[]` |
| className | extra custom class name | string | `''` |
| maxItemCount | exceeds the number of automatic folds |
#### Item
| Property | Description | Type | Default |
| --------- | ----------------------- | -------------------- | ------- |
| className | extra custom class name | string | `''` |
| name | content | string or React node | - |
| href | hyperlink | string | - |