Theming¶
Because cascade reuses the same components as DropdownMenu, you can follow the
official material3 documentation for theming menus and expect the
specs to work with cascade.
CascadeDropdownMenu¶
| Design attribute | Theme token |
|---|---|
| Shape | MaterialTheme.shapes.extraSmall |
| Background color | MaterialTheme.colorScheme.surface |
DropdownMenuHeader¶
| Design attribute | Theme token |
|---|---|
| Content color | LocalContentColor with 60% opacity |
| Text style | MaterialTheme.typography.labelLarge with 90% font size and letter spacing |
DropdownMenuItem¶
| Design attribute | Theme token |
|---|---|
| Icon size | 24dp minimum |
| Colors | MenuItemColors |
| Text style | MaterialTheme.typography.labelLarge |