diff --git a/src/App.vue b/src/App.vue
index 1af7d96..7d14e23 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,19 @@
 <template>
     <div>
-        <Slide right noOverlay isOpen>
+        <Stack>
             <a href="#">Services</a>
             <a href="#">Clients</a>
             <a href="#">Contact</a>
             <a href="#">Refer </a>
-        </Slide>
+        </Stack>
     </div>
 </template>
 
 <script>
-    import Slide from './components/Menu/slide';
+    import Stack from './components/Menu/stack';
     export default {
       components: {
-        Slide: Slide
+        Stack: Stack
       }
     };
 </script>
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index d64218f..ff4fede 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -43,6 +43,10 @@
         noOverlay: {
           type: Boolean,
           required: false
+        },
+        onStateChange: {
+          type: Function,
+          required: false
         }
       },
       methods: {
diff --git a/src/components/Menu/bubble.vue b/src/components/Menu/bubble.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/bubble.vue
+++ b/src/components/Menu/bubble.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/elastic.vue b/src/components/Menu/elastic.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/elastic.vue
+++ b/src/components/Menu/elastic.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/fallDown.vue b/src/components/Menu/fallDown.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/fallDown.vue
+++ b/src/components/Menu/fallDown.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/push.vue b/src/components/Menu/push.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/push.vue
+++ b/src/components/Menu/push.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/pushRotate.vue b/src/components/Menu/pushRotate.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/pushRotate.vue
+++ b/src/components/Menu/pushRotate.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/reveal.vue b/src/components/Menu/reveal.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/reveal.vue
+++ b/src/components/Menu/reveal.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/scaleDown.vue b/src/components/Menu/scaleDown.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/scaleDown.vue
+++ b/src/components/Menu/scaleDown.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/scaleRotate.vue b/src/components/Menu/scaleRotate.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/scaleRotate.vue
+++ b/src/components/Menu/scaleRotate.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/slide.vue b/src/components/Menu/slide.vue
index 7baced8..68c3ae0 100644
--- a/src/components/Menu/slide.vue
+++ b/src/components/Menu/slide.vue
@@ -19,9 +19,12 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
     };
 </script>
+
+
diff --git a/src/components/Menu/stack.vue b/src/components/Menu/stack.vue
index 7baced8..b235164 100644
--- a/src/components/Menu/stack.vue
+++ b/src/components/Menu/stack.vue
@@ -19,9 +19,13 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
     };
 </script>
+
+
+