FabMenu
The floating action button menu opens from a FAB to display multiple related actions.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
label | string | Yes | — | Accessible name of the primary trigger. |
icon | Icon | Yes | — | Icon shown while the menu is closed. |
actions | readonly FabMenuAction[] | Yes | — | Framework-independent action model. |
closeIcon | Icon | No | DEFAULT_FAB_MENU_CLOSE_ICON | Optional icon shown while the menu is open. |
closeLabel | string | No | `Close ${label}` | Accessible name of the open/close trigger while open. |
actionsLabel | string | No | `${label} actions` | Accessible name applied to the action group. |
variant | FabMenuVariant | No | 'primary' | Trigger and action color family. |
size | FabSize | No | 'small' | Closed trigger size; the open close control is always medium. |
extended | boolean | No | false | Shows the closed trigger text beside its icon. |
disabled | boolean | No | false | Disables the trigger and every action. |
open | boolean | No | — | Controlled open state. |
defaultOpen | boolean | No | false | Initial open state when uncontrolled. |
className | string | ClassNameComponent<FabMenuInterface> | Partial<Record<"actions" | "fab" | "fabMenu" | "triggerSizer" | "triggerPositioner" | "actionContainer" | "action", string>> | No | — | Classes or state-aware element classes applied through the shared style contract. |
onOpenChange | (open: boolean) => void | No | — | Notifies an accepted open-state request. |
onActionSelect | (action: FabMenuAction, index: number) => void | No | — | Notifies selection before the menu closes. |