MenuSurface

Imports

import {MenuSurface} from 'material-expressive-react';
import {MenuSurface} from 'material-expressive-react/menu';

Props

Prop	Type	Default	Required	Description
context	boolean	false	No	If true, removes gaps/dividers styling for compact context menus.
gap	string | number		No	Gap between menu items. Sets --mer-menu-item-gap.
height	string | number		No
maxHeight	string | number		No
scroll	boolean	true	No
size	enum		No
variant	enum	standard	No
width	string | number		No

Events

This component does not explicitly re-emit DOM events via wrapper props.

Slots

Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).

If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).

Examples

See Storybook for live examples and variants.