@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
25 lines (24 loc) • 680 B
JavaScript
import React from 'react';
import { Button, Menu, MenuItem, MenuOverlay } from '@momentum-ui/react-collaboration';
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>
}
>
<Menu>
<MenuItem onClick={this.onClick} label="Language" />
<MenuItem onClick={this.onClick} label="Profile" />
<MenuItem onClick={this.onClick} label="Settings" />
</Menu>
</MenuOverlay>
);
}
}