From b1a0f048bfd630f551f806ec71d8ed63ade837bb Mon Sep 17 00:00:00 2001
From: Sebastian Silbermann <silbermann.sebastian@gmail.com>
Date: Fri, 27 Dec 2019 15:17:05 +0100
Subject: [PATCH] [docs] Add TS demo for MenuPopupState

---
 .../pages/components/menus/MenuPopupState.tsx | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 docs/src/pages/components/menus/MenuPopupState.tsx

diff --git a/docs/src/pages/components/menus/MenuPopupState.tsx b/docs/src/pages/components/menus/MenuPopupState.tsx
new file mode 100644
index 00000000000000..6b131e78505b3b
--- /dev/null
+++ 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>
+  );
+}