By Abner Li
Publication Date: 2025-11-22 18:59:00
Following the initial wave of Material 3 Expressive, Google is working to redesign the remaining components to the latest design language, and menus are up this month.
M3 Expressive introduces “vertical menus” that have “new shapes, color styles, selection states, and refined submenu motion.”
Compared to the previous “baseline menu” (which is still available to use), corners have been rounded, while dividers and the current selection no longer span the full width of the container.
Baseline vs. vertical menus
Google introduced a new “with gap” option to join “with divider” for a “more flexible layout on Android” and distinct separation. They can be used to “bundle similar actions together,” and “are more expressive than dividers and make the relationship between items clear.” Usage guidelines include:
- Avoid changing the size of the…
