This component allows you to attach standard menu interactions to a custom trigger element, e.g. OverflowMenu uses this internally. This should only be used if standard alternatives aren’t suitable.
  • OverflowMenu For displaying a list of secondary actions.
The menu is left-aligned by default, but this can be customised via the align prop.
The space between the menu and the trigger element can be customised via the offsetSpace prop, which also accepts an array of responsive values.
For destructive actions like “Delete” you can set the menu item’s tone to critical. When using this feature, you may want to consider providing a confirmation via a Dialog.
The trigger element must accept generic DOM properties including event handlers and aria properties.
Child nodes must be MenuItem, MenuItemCheckbox or MenuItemDivider elements.