mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 13:47:02 +08:00
1.4 KiB
1.4 KiB
category | type | title |
---|---|---|
Components | Navigation | Breadcrumb |
A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up within the hierarchy.
When to use
- When the system has more than two layers in a hierarchy.
- When you need to inform the user of where they are.
- When the user may need to navigate back to a higher level When the application has multi-layer architecture.
API
<Breadcrumb>
<Breadcrumb.Item>Home</Breadcrumb.Item>
<Breadcrumb.Item>Application Center</Breadcrumb.Item>
<Breadcrumb.Item>Application List</Breadcrumb.Item>
<Breadcrumb.Item>An Application</Breadcrumb.Item>
</Breadcrumb>
Property | Description | Type | Optional | Default |
---|---|---|---|---|
routes | The routing stack information of router | Array | - | |
params | Routing parameter | Object | - | |
separator | Custom separator | String or Element | '/' | |
linkRender | Custom link function,and react-router configuration | Function(href, name, paths) | - | |
nameRender | Custom link function,and react-router configuration | Function(breadcrumbName, route, params) | - |