mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 19:19:57 +08:00
1.3 KiB
1.3 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 | '/' | |
itemRender | Custom item renderer | (route, params, routes, paths) => React.ReactNode | - |
linkRender
andnameRender
were removed afterantd@2.0
, please useitemRender
instead.