diff --git a/api-generator/components/menu.js b/api-generator/components/menu.js
index 9116b4e47..eb53f3637 100644
--- a/api-generator/components/menu.js
+++ b/api-generator/components/menu.js
@@ -37,6 +37,17 @@ const MenuProps = [
     }
 ];
 
+const MenuEvents = [
+    {
+        name: "show",
+        description: "Callback to invoke when the overlay is shown."
+    },
+    {
+        name: "hide",
+        description: "Callback to invoke when the overlay is hidden."
+    }
+];
+
 const MenuSlots = [
     {
         name: "item",
@@ -49,6 +60,7 @@ module.exports = {
         name: "Menu",
         description: "Menu is a navigation / command component that supports dynamic and static positioning.",
         props: MenuProps,
+        events: MenuEvents,
         slots: MenuSlots
     }
 };
diff --git a/src/views/menu/MenuDoc.vue b/src/views/menu/MenuDoc.vue
index 7c40b2f13..09aedc574 100755
--- a/src/views/menu/MenuDoc.vue
+++ b/src/views/menu/MenuDoc.vue
@@ -199,6 +199,31 @@ toggle(event) {
 			</table>
 		</div>
 
+        <h5>Events</h5>
+		<div class="doc-tablewrapper">
+			<table class="doc-table">
+				<thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Parameters</th>
+                        <th>Description</th>
+                    </tr>
+				</thead>
+				<tbody>
+                    <tr>
+                        <td>show</td>
+                        <td>-</td>
+                        <td>Callback to invoke when the overlay is shown.</td>
+                    </tr>
+                    <tr>
+                        <td>hide</td>
+                        <td>-</td>
+                        <td>Callback to invoke when the overlay is hidden.</td>
+                    </tr>
+				</tbody>
+			</table>
+		</div>
+
         <h5>Slots</h5>
 		<div class="doc-tablewrapper">
             <table class="doc-table">