Summary

If having a couple of buttons, each opening a menu. It is confusing to me which button the menu is connected to as they do not have any visual indication.

Examples

Material Design has an Activated state which could be used to cover this.

Here is a sandbox with how this could be visualized: https://codesandbox.io/p/sandbox/menu-buttons-activated-state-yfpm57

Images from the sandbox above:

Activated state styling

Compared to existing default styling

Motivation

I want to make the connection between the button and the menu easier to understand, this might be useful if there are multiple menus next to each other, especially if they use icons instead of text.

While it is easy to implement in an application using MUI, I think the concept is important enough to warrant including it in MUI itself.

Search keywords: button menu activated