How to add menu items to Material UI cards

Question

I have the following example:

https://codesandbox.io/s/material-ui-card-styling-example-lcup6?fontsize=14

I just wanted to add some menus, such as edit, delete, to the three-dot menu link, but with no success. Tried adding menu items etc. to the IconButton and MoreVertIcon sections but nothing changed.

So, what should I do?

Answer 1

In the example you provided, the menu link does not have any onClick action. It sounds like you need a Menu element to appear when the menu button is clicked. Please see Menu component in the MUI documentation.

As an example, I forked your example and added a menu.