diff --git a/src/app/markdown/examples/markdown-example.component.html b/src/app/markdown/examples/markdown-example.component.html
index 50d612f..b89af5b 100644
--- a/src/app/markdown/examples/markdown-example.component.html
+++ b/src/app/markdown/examples/markdown-example.component.html
@@ -12,7 +12,8 @@
         [rawText]="rawText"
         [renderedText]="renderedText | safe: 'html'"
         (onSaveClick)="onSaveOrPreview($event)"
-        (showPreview)="onSaveOrPreview($event)">
+        (showPreview)="onSaveOrPreview($event)"
+        (onCloseClick)="closeClicked()">
       </f8-markdown>
     </div>
   </div>
diff --git a/src/app/markdown/examples/markdown-example.component.ts b/src/app/markdown/examples/markdown-example.component.ts
index 6a120b7..6312414 100644
--- a/src/app/markdown/examples/markdown-example.component.ts
+++ b/src/app/markdown/examples/markdown-example.component.ts
@@ -98,4 +98,8 @@ export class MarkdownExampleComponent {
     }, 2000);
   }
 
+  closeClicked() {
+    console.log('Close clicked event works');
+  }
+
 }
diff --git a/src/app/markdown/markdown.component.ts b/src/app/markdown/markdown.component.ts
index dfbbcb1..81bcd16 100644
--- a/src/app/markdown/markdown.component.ts
+++ b/src/app/markdown/markdown.component.ts
@@ -43,6 +43,7 @@ export class MarkdownComponent implements OnChanges, OnInit, AfterViewChecked {
   @Output() onActiveEditor = new EventEmitter();
   @Output() onSaveClick = new EventEmitter();
   @Output() showPreview = new EventEmitter();
+  @Output() onCloseClick = new EventEmitter();
 
   @ViewChild('editorInput') editorInput: ElementRef;
   @ViewChild('editorBox') editorBox: ElementRef;
@@ -267,6 +268,7 @@ export class MarkdownComponent implements OnChanges, OnInit, AfterViewChecked {
     this.rawText = this.previousRawText;
     this.renderedText = this.previousRenderedText;
     this.deactivateEditor();
+    this.onCloseClick.emit();
   }
 
   renderPreview(rawText: string, renderedText: string) {