OverlaysProduct menu
Product menu
What a product menu is for, when to reach for a drawer instead, and the rules governing its content.
Alternatives
- Bottom drawer — Used for heavy forms, especially if they contain datatables, to support the user's main activity without disrupting it.
- Side drawer — Used for light forms and information content to support the user's main activity without disrupting it.
ProductMenu
A product menu is a modal dialog that slides in from the left side of the screen. They are used to display menus such as app switchers.
- There can only be one instance of a product menu open at a time. Product menus don't stack like side drawers.
- product menus should not contain forms or text content. They should only display a list of menu items.
- product menus, bottom drawers and side drawers cannot be used together i.e a product menu should never have a bottom drawer or a side drawer inside it and vice versa.