diff --git a/cateditor/src/components/AddProductDialog.vue b/cateditor/src/components/AddProductDialog.vue
index 37b5669..096f006 100644
--- a/cateditor/src/components/AddProductDialog.vue
+++ b/cateditor/src/components/AddProductDialog.vue
@@ -2,11 +2,7 @@
   <div class="text-center">
     <v-dialog v-model="show" width="500">
       <v-card>
-        <DialogHeading title="Add Materials">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">clear</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Add Materials" @hide="show = false" />
 
         <v-card-text class="ma-0 pa-0">
 
diff --git a/cateditor/src/components/AddSectionDialog.vue b/cateditor/src/components/AddSectionDialog.vue
index 972bbd7..2918645 100644
--- a/cateditor/src/components/AddSectionDialog.vue
+++ b/cateditor/src/components/AddSectionDialog.vue
@@ -3,11 +3,7 @@
     <v-dialog v-model="show" width="300">
       <v-form v-model="valid">
         <v-card>
-          <DialogHeading title="Add Section">
-            <v-btn icon class="ma-0 pa-0" @click="show = false">
-              <v-icon color="white">mdi-close</v-icon>
-            </v-btn>
-          </DialogHeading>
+          <DialogHeading title="Add Section" @hide="show = false" />
 
           <v-card-text class="my-0 pb-0 pt-2">
             <v-text-field
diff --git a/cateditor/src/components/DialogHeading.vue b/cateditor/src/components/DialogHeading.vue
index 8c9656d..a47fd97 100644
--- a/cateditor/src/components/DialogHeading.vue
+++ b/cateditor/src/components/DialogHeading.vue
@@ -3,7 +3,11 @@
     <v-card-title class="subtitle-1 ma-0 pa-0 pl-1">
       <span class="px-2 py-0">{{ title }}</span>
       <v-spacer/>
-      <slot/>
+      <slot>
+        <v-btn icon class="ma-0 pa-0" @click="hide()">
+          <v-icon color="white">mdi-close</v-icon>
+        </v-btn>
+      </slot>
     </v-card-title>
   </v-card>
 </template>
@@ -14,7 +18,12 @@ export default {
     title: {
       type: String,
       default: 'Title',
-    }
+    },
   },
+  methods: {
+    hide: function(id) {
+      this.$emit('hide')
+    },
+  }
 }
 </script>
diff --git a/cateditor/src/components/ExitEditorDialog.vue b/cateditor/src/components/ExitEditorDialog.vue
index 70d0460..38c40be 100644
--- a/cateditor/src/components/ExitEditorDialog.vue
+++ b/cateditor/src/components/ExitEditorDialog.vue
@@ -2,12 +2,7 @@
   <v-row justify="center">
     <v-dialog v-model="show" max-width="250">
       <v-card>
-
-        <DialogHeading title="Exit Editor">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">mdi-close</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Exit Editor" @hide="show = false" />
 
         <v-card-text class="my-0 pb-0 pt-2">
           Abandon changes and return to the catalog list?
diff --git a/cateditor/src/components/MaterialDeleteDialog.vue b/cateditor/src/components/MaterialDeleteDialog.vue
index 3c3ebaf..b317c09 100644
--- a/cateditor/src/components/MaterialDeleteDialog.vue
+++ b/cateditor/src/components/MaterialDeleteDialog.vue
@@ -2,11 +2,7 @@
   <v-row justify="center">
     <v-dialog v-model="show" max-width="300">
       <v-card>
-        <DialogHeading title="Remove Material">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">mdi-close</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Remove Material" @hide="show = false" />
 
         <v-card-text class="pt-4 pb-2">
           Really remove material from model?
diff --git a/cateditor/src/components/ModelDeleteDialog.vue b/cateditor/src/components/ModelDeleteDialog.vue
index 3550388..f8e25d7 100644
--- a/cateditor/src/components/ModelDeleteDialog.vue
+++ b/cateditor/src/components/ModelDeleteDialog.vue
@@ -2,11 +2,7 @@
   <v-row justify="center">
     <v-dialog v-model="show" max-width="300">
       <v-card>
-        <DialogHeading title="Remove Model">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">mdi-close</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Remove Model" @hide="show = false" />
 
         <v-card-text class="pt-4 pb-2">
           Really remove model from section?
diff --git a/cateditor/src/components/ModelInfoDialog.vue b/cateditor/src/components/ModelInfoDialog.vue
index 07fce77..fb4df57 100644
--- a/cateditor/src/components/ModelInfoDialog.vue
+++ b/cateditor/src/components/ModelInfoDialog.vue
@@ -2,11 +2,7 @@
   <div class="text-center">
     <v-dialog v-model="show" width="250">
       <v-card>
-        <DialogHeading title="Model Info">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">mdi-close</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Model Info" @hide="show = false" />
 
         <v-card-text class="pt-2 pb-0">
           <v-text-field v-model="name" label="Name" required/>
diff --git a/cateditor/src/components/SectionDeleteDialog.vue b/cateditor/src/components/SectionDeleteDialog.vue
index 21dbd17..73e48cc 100644
--- a/cateditor/src/components/SectionDeleteDialog.vue
+++ b/cateditor/src/components/SectionDeleteDialog.vue
@@ -2,11 +2,7 @@
   <v-row justify="center">
     <v-dialog v-model="show" max-width="300">
       <v-card>
-        <DialogHeading title="Delete Section">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">mdi-close</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Delete Section" @hide="show = false" />
 
         <v-card-text class="pt-4 pb-2">
           Really delete catalog section?
diff --git a/cateditor/src/components/SectionInfoDialog.vue b/cateditor/src/components/SectionInfoDialog.vue
index e9691d9..0fbd46c 100644
--- a/cateditor/src/components/SectionInfoDialog.vue
+++ b/cateditor/src/components/SectionInfoDialog.vue
@@ -2,11 +2,7 @@
   <div class="text-center">
     <v-dialog v-model="show" width="250">
       <v-card>
-        <DialogHeading title="Section Info">
-          <v-btn icon class="ma-0 pa-0" @click="show = false">
-            <v-icon color="white">mdi-close</v-icon>
-          </v-btn>
-        </DialogHeading>
+        <DialogHeading title="Section Info" @hide="show = false" />
 
         <v-card-text class="pt-2 pb-0">
           <v-text-field v-model="name" label="Name" required/>