Breadcrumbs Instead of Title for Branding

[aress31]

Summary

I would like to use the navigation breadcrumbs in place of a title for branding purposes, as the breadcrumbs are already integrated within the PageContainer and handle all the routing. Is it possible to make them available for the title too? See:

  <AppProvider
    theme={theme}
    navigation={navigation}
    branding={{ logo: <Logo/>, title: <Breadcrumb /> }}
  >
    <Outlet />
  </AppProvider>

The appearance I aim to achieve is:

Examples

No response

Motivation

No response

Search keywords: branding breadcrumbs title

[apedroferreira]

A possible solution could be to separate the Breadcrumbs component from the PageContainer so that it could be used in a slot for the title in the header?

[aress31]

@apedroferreira, would it also be possible to make the header bar in PageContainer optional? This way, we could achieve a full viewport layout while maintaining a consistent look by wrapping everything within PageContainer or show the page header based on a condition, e.g., activeRoute === whatever.

[apedroferreira]

@apedroferreira, would it also be possible to make the header bar in PageContainer optional? This way, we could achieve a full viewport layout while maintaining a consistent look by wrapping everything within PageContainer or show the page header based on a condition, e.g., activeRoute === whatever.

I see, I guess we could create a slot for the PageContainer header too.

[Janpot]

would it also be possible to make the header bar in PageContainer optional?

Isn't a PageContainer without header just a Container?

[aress31]

@Janpot, it might be, but as mentioned, one could want to apply some conditional logic based on route or anything else on hiding/showing the PageContainer bar.