Skip to main content

FABMenu

Imports​

import {FABMenu} from 'material-expressive-react';
import {FABMenu} from 'material-expressive-react/fab';

Props​

PropTypeDefaultRequiredDescription
closeIconstringcloseNo
defaultOpenbooleanfalseNo
fabAriaLabelstringOpen FAB menuNo
itemsFabMenuItem[]Yes
onItemSelect((id: string) => void)No
onOpenChange((open: boolean) => void)No
openbooleanNo
openIconstringaddNo

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.