BRAID
Braid Logo
 

OverflowMenu

Open in Playroom

Alternatives

Accessibility

Follows the WAI-ARIA Menu Pattern.

Destructive actions

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.
Open in Playroom

Menu interactions

The menu accepts both an onOpen and an onClose function.
The onClose function receives the following data:
  • reason: “exit” or “selection”
  • index: the index of the selected menu item
  • id: the id of the selected menu item as provided to the MenuItem component itself.
Open in Playroom

Development considerations

Child nodes must be MenuItem, MenuItemCheckbox or MenuItemDivider elements.