question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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:closed
  • Created 3 years ago
  • Comments:9 (8 by maintainers)

github_iconTop GitHub Comments

5reactions
iloveipcommented, Jul 24, 2020

Hi @kaysonwu,

Did you manage to make a custom component for breadcrumb in PageHeader? I have the same problem.

2reactions
kaysonwucommented, May 17, 2020

My routes type is customized. It does not follow the route type of breadcrumb, so it is not an error

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found