Added an advanced example

a7ul · a7ul · commit 9b72a6bfd6fc · 2019-01-26T21:14:13.000+01:00
diff --git a/README.md b/README.md
@@ -16,6 +16,8 @@ yarn add react-webcomponentify
 
 # Usage
 
+**Basic**
+
 ```js
 import React from "react";
 import { registerAsWebComponent } from "react-webcomponentify";
@@ -40,5 +42,50 @@ In HTML:
 </html>
 ```
 
+**Advanced**
+
+```js
+import React from "react";
+import { registerAsWebComponent } from "react-webcomponentify";
+
+export const ButtonComponent = props => {
+  return (
+    <div>
+      Hello <button onClick={props.onClick}>{props.text}</button>
+    </div>
+  );
+};
+
+registerAsWebComponent(ButtonComponent, "button-web");
+```
+
+In HTML:
+
+```html
+<!DOCTYPE html>
+<html>
+  ....
+  <body>
+    <button-web text="click me" id="mybutton" />
+  </body>
+  ....
+  <script>
+    const myBtn = document.getElementById("mybutton");
+    myBtn.setProps({
+      onClick: () => console.log("btn was clicked")
+    });
+  </script>
+</html>
+```
+
+Every custom component built using react-webcomponentify will have an instance method `setProps`
+
+```js
+element.setProps({
+  ....
+  /* set the props here that you want to send to react */
+  ....
+})
+```
 
-# More examples and scenarios coming soon...
+# More detailed examples and scenarios coming soon...
