Component reference

FAB Menu

Material 3 Expressive Floating Action Button (FAB) Menu component for primary actions.

Material 3Web ComponentFramework agnostic

Interactive Demo

Edit

Delete

Link

<m3-fab-menu label="Create item">
  <m3-menu slot="menu" placement="top-end">
    <m3-menu-item value="edit">Edit</m3-menu-item>
    <m3-menu-item value="delete">Delete</m3-menu-item>
  </m3-menu>
</m3-fab-menu>

♿ Accessibility

Keyboard: Arrow keys, Home, and End enter the menu.
Focus: Escape and outside click return to the FAB.
ARIA: The configured label, expanded state, and controls relationship are exposed.