PageHeader component support transmission Breadcrumb component
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
What problem does this feature solve?
More flexible data structure support. By transferring props, these steps can become cumbersome when you encounter custom data structures and switch whether to display breadcrumbs or not.
What does the proposed API look like?
import React from 'react';
import { PageHeader, Breadcrumb } from 'antd';
const breadcrumb = (
<Breadcrumb>
{['Home', 'user'].map(val => <Breadcrumb.Item>{val }</Breadcrumb.Item>)}
</Breadcrumb>
);
<PageHeader
className="site-page-header"
title="Title"
breadcrumb={breadcrumb}
subTitle="This is a subtitle"
/>
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (8 by maintainers)
Top Results From Across the Web
lightning-breadcrumb - documentation
A lightning-breadcrumb component displays the path of a page relative to a parent page. Breadcrumbs are nested in a lightning-breadcrumbs component.
Read more >Breadcrumbs
The overflow menu breadcrumbs variant is a composition of the overflow menu with actions example of the menus component and breadcrumbs component.
Read more >React Breadcrumb - examples & tutorial
React Bootstrap 5 Breadcrumb component. Indicate the current page's location within a navigational hierarchy that automatically adds separators via CSS.
Read more >Breadcrumb | NG-ZORRO - Ant Design
Angular Breadcrumb Component, A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy......
Read more >WordPress Breadcrumbs: How to Enable Them on Your ...
kinsta breadcrumbs example Breadcrumbs on the Kinsta blog. On the left side, right below the header, you can see the words Home >...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi @kaysonwu,
Did you manage to make a custom component for
breadcrumb
inPageHeader
? I have the same problem.My routes type is customized. It does not follow the route type of breadcrumb, so it is not an error