From f77a5b6c07db5100ebba91cd9bd437c6fa1af73a Mon Sep 17 00:00:00 2001
From: Lorenzo D'Ianni <lorenzodianni@gmail.com>
Date: Wed, 14 Mar 2018 00:05:10 +0100
Subject: [PATCH] docs(SidebarJS): component api

---
 README.md | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b7bb27b..c4f9862 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,40 @@ npm install ng-sidebarjs --save
 ## Demo
 *Open the demo on your device and try the touch gestures!*
 
-* [Simple Demo](https://embed.plnkr.co/Thv7HW/)
+* [Simple Demo](https://stackblitz.com/edit/angular-skpdxr)
+
+## Options
+```html
+<sidebar-js
+  // Optional | Required only for multiple sidebarjs
+  [sidebarjsName]="'myCustomName'"
+  
+  // Optional
+  [sidebarjsConfig]="{
+    // Minimum swipe in px required to trigger listener: open
+    documentMinSwipeX?: 10,
+    // Range in px where document is listening for gesture: open
+    documentSwipeRange?: 40,
+    // Open and close sidebar with swipe gestures
+    nativeSwipe?: true,
+    // Enable/Disable open on swipe
+    nativeSwipeOpen?: true,
+    // Sidebar position, accepted values: left|right
+    position?: 'left',
+    // Backdrop opacity on sidebar open
+    backdropOpacity?: 0.3,
+  }"
+  
+  // Optional | Function called after sidebar is open
+  (open)="onOpenSidebar()"
+  
+  // Optional | Function called after sidebar is close
+  (close)="onCloseSidebar()"
+  
+  // Optional | Function called when sidebar change visibility
+  (changeVisibility)="onChangeVisibility($event)">
+</sidebar-js>
+```
 
 ## Implementation
 ### Import Module