We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 0cb1c04 commit d57c223Copy full SHA for d57c223
docs/src/pages/components/menus/MenuPopupState.tsx
@@ -0,0 +1,23 @@
1
+import React from 'react';
2
+import Button from '@material-ui/core/Button';
3
+import Menu from '@material-ui/core/Menu';
4
+import MenuItem from '@material-ui/core/MenuItem';
5
+import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state';
6
+
7
+export default function MenuPopupState() {
8
+ return (
9
+ <PopupState variant="popover" popupId="demo-popup-menu">
10
+ {popupState => (
11
+ <React.Fragment>
12
+ <Button variant="contained" color="primary" {...bindTrigger(popupState)}>
13
+ Open Menu
14
+ </Button>
15
+ <Menu {...bindMenu(popupState)}>
16
+ <MenuItem onClick={popupState.close}>Cake</MenuItem>
17
+ <MenuItem onClick={popupState.close}>Death</MenuItem>
18
+ </Menu>
19
+ </React.Fragment>
20
+ )}
21
+ </PopupState>
22
+ );
23
+}
0 commit comments