Merge pull request #2 from gofynd/button-types

Button types

README.md

@@ -20,7 +20,7 @@ let unsubcribe_handler = btn.subscribe(components.Button.Actions.CLICK, (event)
 });
 btn.dispatch();
 ```
-<img src="https://github.com/gofynd/fdk-extension-bridge-javascript/blob/readme/demo/button.png" alt="Button"><hr>
+<img src="https://github.com/gofynd/fdk-extension-bridge-javascript/blob/master/demo/button.png" alt="Button"><hr>
 
 ## For Including Toggle Button
 
@@ -34,7 +34,7 @@ let toggle_unsubcribe_handler = toggle.subscribe(components.ToggleButton.Actions
 });
 toggle.dispatch({value: true});
 ```
-<img src="https://github.com/gofynd/fdk-extension-bridge-javascript/blob/readme/demo/toggle_button.png" alt="Toggle Button"><hr>
+<img src="https://github.com/gofynd/fdk-extension-bridge-javascript/blob/master/demo/toggle_button.png" alt="Toggle Button"><hr>
 
 ## For Including Context Menu Item
 
@@ -47,7 +47,7 @@ let toggle_unsubcribe_handler = toggle.subscribe(components.ContextMenuItem.Acti
 });
 context.dispatch();
 ```
-<img src="https://github.com/gofynd/fdk-extension-bridge-javascript/blob/readme/demo/context_item.png" alt="Context Item"><hr>
+<img src="https://github.com/gofynd/fdk-extension-bridge-javascript/blob/master/demo/context_item.png" alt="Context Item"><hr>
 
 ## For resetting extesnion bridge
 

components/button.component.js

@@ -18,15 +18,18 @@ class Button extends Component{
      *     "label": "",
      *     "id": "", //optional
      *     "disabled": true/false // default value false
+     *     "type": "flat/stroke"
      * }
      */
     constructor(extension, config) {
         super(extension, c_type, config.id);
         this.disabled = config.disabled || false;
         this.label =  config.label;
+        this.buttonType = config.buttonType || 'flat';
         this.config = {
             disabled: this.disabled,
-            label: this.label
+            label: this.label,
+            type: this.buttonType
         }
     }
 
@@ -46,14 +49,17 @@ class Button extends Component{
     }
 
 
-    setState({label,disabled}) {
+    setState({label,disabled,buttonType}) {
         // to set state of a component
         if(label){
             this.label = label
         }
         if(disabled){
             this.disabled = disabled
         }
+        if(type){
+            this.buttonType = buttonType
+        }
         this.dispatch()
     }
 }