From 00708dc3004af5ef6392e04a42dae5c783405421 Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Wed, 1 Jun 2016 11:49:37 +0100
Subject: [PATCH] update readme file viewer

---
 ng2-components/ng2-alfresco-viewer/README.md | 24 ++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/ng2-components/ng2-alfresco-viewer/README.md b/ng2-components/ng2-alfresco-viewer/README.md
index d28758eba1..069be18ac8 100644
--- a/ng2-components/ng2-alfresco-viewer/README.md
+++ b/ng2-components/ng2-alfresco-viewer/README.md
@@ -69,6 +69,30 @@ Make sure your systemjs.config has the following configuration:
 <ng2-alfresco-viewer [urlFile]="'filename.pdf'"></ng2-alfresco-viewer>
 ```
 
+Example of an App that declares the file viewer component :
+
+```ts
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { VIEWERCOMPONENT } from 'ng2-alfresco-viewer/dist/ng2-alfresco-viewer';
+
+@Component({
+    selector: 'my-app',
+    template: `   <alfresco-viewer [urlFile]="'local_filename.pdf'">
+                    <div class="mdl-spinner mdl-js-spinner is-active"></div>
+                   </alfresco-viewer>`,
+    directives: [VIEWERCOMPONENT]
+})
+class MyDemoApp {
+    constructor() {
+        console.log('constructor');
+    }
+}
+bootstrap(MyDemoApp, [
+    VIEWERCOMPONENT
+]);
+```
+
 #### Options
 
 Attribute     | Options     | Default      | Description