FABMenu
Imports
import {FABMenu} from 'material-expressive-react';
import {FABMenu} from 'material-expressive-react/fab';
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| closeIcon | string | close | No | |
| defaultOpen | boolean | false | No | |
| fabAriaLabel | string | Open FAB menu | No | |
| items | FabMenuItem[] | Yes | ||
| onItemSelect | ((id: string) => void) | No | ||
| onOpenChange | ((open: boolean) => void) | No | ||
| open | boolean | No | ||
| openIcon | string | add | 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.