SubMenu

Imports

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

Props

Prop	Type	Default	Required	Description
align	enum	right	No	Align submenu to the left of the parent item instead of right.
item	Omit<MenuItemProps, "trailingIcon">		Yes
menu	ReactElement<any, string | JSXElementConstructor<any>>		Yes
openOnHover	boolean	true	No	Opens submenu on hover as well as click.

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.