diff --git a/app/components/confirm-button.js b/app/components/confirm-button.js
new file mode 100644
index 0000000..89e921a
--- /dev/null
+++ b/app/components/confirm-button.js
@@ -0,0 +1,23 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  tagName: 'span',
+  showConfirm: false,
+  initialLabel: 'LABEL',
+  confirmLabel: 'CONFIRM LABEL',
+  cancelLabel: 'Cancel',
+
+  actions: {
+    initial() {
+      this.set('showConfirm', true);
+    },
+
+    cancel() {
+      this.set('showConfirm', false);
+    },
+
+    confirm() {
+      this.get('onClick')();
+    },
+  },
+});
diff --git a/app/controllers/collections/detail/index.js b/app/controllers/collections/detail/index.js
index c05e4d6..e0bc42c 100644
--- a/app/controllers/collections/detail/index.js
+++ b/app/controllers/collections/detail/index.js
@@ -5,5 +5,10 @@ export default Controller.extend({
     editCollection() {
       this.transitionToRoute('collections.detail.edit', this.get('model'));
     },
+    deleteCollection() {
+      this.get('model')[0].destroyRecord().then(() => {
+        this.transitionToRoute('collections');
+      });
+    },
   },
 });
diff --git a/app/templates/collections/detail/index.hbs b/app/templates/collections/detail/index.hbs
index ba72a06..1ee6293 100644
--- a/app/templates/collections/detail/index.hbs
+++ b/app/templates/collections/detail/index.hbs
@@ -2,4 +2,5 @@
   collection/detail-container
   model=model
   editCollection=(action 'editCollection')
+  deleteCollection=(action 'deleteCollection')
 }}
diff --git a/app/templates/components/collection/detail-container.hbs b/app/templates/components/collection/detail-container.hbs
index 7580a46..ca1e5fb 100644
--- a/app/templates/components/collection/detail-container.hbs
+++ b/app/templates/components/collection/detail-container.hbs
@@ -5,6 +5,13 @@
   onClick=(action editCollection)
 }}
 
+{{
+  confirm-button
+  initialLabel='Delete Collection'
+  confirmLabel='Yes, Delete Collection'
+  onClick=(action deleteCollection)
+}}
+
 <h3>Main Detail</h3>
 <div class="row">
   <div class="col-md-12">
diff --git a/app/templates/components/confirm-button.hbs b/app/templates/components/confirm-button.hbs
new file mode 100644
index 0000000..e9cd075
--- /dev/null
+++ b/app/templates/components/confirm-button.hbs
@@ -0,0 +1,6 @@
+{{#if showConfirm}}
+  {{action-button isDanger=true label=cancelLabel onClick=(action 'cancel')}}
+  {{action-button isSuccess=true label=confirmLabel onClick=(action 'confirm')}}
+{{else}}
+  {{action-button isDanger=true label=initialLabel onClick=(action 'initial')}}
+{{/if}}