Feature request: more control on topbar slots

[rkristelijn]

Summary

We would like to add a shopping cart icon next to the existing slot on the top right. How can we extend the layout to support more slots? Would it be preferable for us to submit a merge request?

Examples

Motivation

Motivation
If you want a custom search bar, you can misuse css and scope of the account slot, however there should be a way to fully override that part of the dashboard layout and provide your own, in your own order.

This issue first contained the request for the top menu, but that has been split off to #4821

Search keywords: topbar navigation, top menu, custom slots, shopping cart

[apedroferreira]

Hi, we have an issue for allowing navigation with tabs instead of sidebar in #4544.
But there's no timeline for when it might actually be prioritized and worked on...

As for the shopping cart item, it's maybe not the most elegant way and we could create an extra slot for actions on the right side, but you should be able to use something like:

import { Account } from '@toolpad/core/Account';

//...
slots={{ toolbarAccount: () => <><Account />{ /* your shopping cart button */ }</> }}
// ...

in the DashboardLayout component props.

[Janpot]

It seems a bit strange to me that the theme switcher is inside of the ToolparActions slot, and the account control is outside. If both were inside, there would be more control over how to render those. It would be a breaking change.

[rkristelijn]

I'm going to split off the request for the top menu as a separate issue