[docs] Add TS demo for MenuPopupState (#18998)

mui · Dec 27, 2019 · d57c223 · d57c223
1 parent 0cb1c04
commit d57c223
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/docs/src/pages/components/menus/MenuPopupState.tsx b/docs/src/pages/components/menus/MenuPopupState.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state';
+
+export default function MenuPopupState() {
+  return (
+    <PopupState variant="popover" popupId="demo-popup-menu">
+      {popupState => (
+        <React.Fragment>
+          <Button variant="contained" color="primary" {...bindTrigger(popupState)}>
+            Open Menu
+          </Button>
+          <Menu {...bindMenu(popupState)}>
+            <MenuItem onClick={popupState.close}>Cake</MenuItem>
+            <MenuItem onClick={popupState.close}>Death</MenuItem>
+          </Menu>
+        </React.Fragment>
+      )}
+    </PopupState>
+  );
+}