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

Sizes

You can customise the size of the menu via the size prop, which accepts either standard or small.
Standard
Small
Open in Playroom

Development considerations

Child nodes must be MenuItem, MenuItemCheckbox or MenuItemDivider elements.