@momentum-ui/react/src/lib/Menu/examples/Default.js

Cisco Momentum UI framework for ReactJs applications

import React from 'react';
import {
  Button,
  EditableTextfield,
  Menu,
  MenuContent,
  MenuItem,
  MenuOverlay,
} from '@momentum-ui/react';
export default class MenuOverlayDefault extends React.PureComponent {
  onClick(event, value) {
    alert(`${value} clicked`);
  }
  render() {
    return (
      <MenuOverlay
        menuTrigger={
          <Button id="default" ariaLabel="Show Menu">
            Show Menu
          </Button>
        }
      >
        <MenuContent>
          <EditableTextfield inputText="Content Area" />
        </MenuContent>
        <Menu>
          <MenuItem onClick={this.onClick} label="Language" />
          <MenuItem onClick={this.onClick} label="Profile" />
          <MenuItem onClick={this.onClick} label="Settings" />
        </Menu>
      </MenuOverlay>
    );
  }
}