ant-design/components/breadcrumb/index.en-US.md

1.3 KiB
Raw Blame History

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 functionand react-router configuration Function(href, name) -
nameRender Custom link functionand react-router configuration Function(name) -