mui
Breadcrumbs Instead of Title for Branding
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
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?
@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, 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.
would it also be possible to make the header bar in PageContainer optional?
Isn't a PageContainer without header just a Container?
@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.