Function MenuButton

starters/hooks/src/Menu.tsx:66–89

(props: MenuButtonProps)

);

export function MenuButton(props: MenuButtonProps) {
  let state = useMenuTriggerState(props);
  let ref = useRef<HTMLButtonElement>(null);
  let {menuTriggerProps, menuProps} = useMenuTrigger<object>({}, state, ref);

  return (
    <Provider
      values={[
        [ButtonContext, {...menuTriggerProps, ref, isPressed: state.isOpen}],
        [OverlayTriggerStateContext, state],
        [PopoverContext, {trigger: 'MenuTrigger', triggerRef: ref, placement: 'bottom start'}]
      ]}>
      <Button
        aria-label={props['aria-label']}
        className="react-aria-Button button-base"
        data-variant="primary">
        <Ellipsis size={18} />
      </Button>
      <Popover className="react-aria-Popover">
        <Menu {...menuProps} {...props} />
      </Popover>
    </Provider>
  );
}

function Menu(props: AriaMenuOptions<object> & TreeProps<object>) {
  return (