adding buttons demo

Author: tilwinjoy

demos/buttons/demo.html

@@ -0,0 +1,23 @@
+<div class="col-xs-6">
+  <h4>Flat Buttons</h4>
+  <a href="" class="btn" abm-component><code>btn</code> only</a>
+  <a href="" class="btn active" abm-component><code>.active</code></a>
+  <a href="" class="btn btn-default" abm-component>Default</a>
+  <a href="" class="btn btn-primary" abm-component>Primary</a>
+  <a href="" class="btn btn-success" abm-component>Success</a>
+  <a href="" class="btn btn-info" abm-component>Info</a>
+  <a href="" class="btn btn-warning" abm-component>Warning</a>
+  <a href="" class="btn btn-danger" abm-component>Danger</a>
+  <a href="" class="btn btn-link" abm-component>Link</a>
+</div>
+<div class="col-xs-6">
+  <h4>Raised Buttons</h4>
+  <a href="" class="btn btn-raised active" abm-component><code>.active</code></a>
+  <a href="" class="btn btn-raised btn-default" abm-component>Default</a>
+  <a href="" class="btn btn-raised btn-primary" abm-component>Primary</a>
+  <a href="" class="btn btn-raised btn-success" abm-component>Success</a>
+  <a href="" class="btn btn-raised btn-info" abm-component>Info</a>
+  <a href="" class="btn btn-raised btn-warning" abm-component>Warning</a>
+  <a href="" class="btn btn-raised btn-danger" abm-component>Danger</a>
+  <a href="" class="btn btn-raised btn-link" abm-component>Link</a>
+</div>

demos/buttons/demo.js

@@ -0,0 +1,22 @@
+angular.module('angularBootstrapMaterialDocs').controller('ButtonsCtrl', function ($scope) {
+  $scope.singleModel = 1;
+
+  $scope.radioModel = 'Middle';
+
+  $scope.checkModel = {
+    left: false,
+    middle: true,
+    right: false
+  };
+
+  $scope.checkResults = [];
+
+  $scope.$watchCollection('checkModel', function () {
+    $scope.checkResults = [];
+    angular.forEach($scope.checkModel, function (value, key) {
+      if (value) {
+        $scope.checkResults.push(key);
+      }
+    });
+  });
+});

demos/index.html

@@ -191,6 +191,13 @@ <h3>Navbar</h3>
         <ng-include src="'navbar/demo.html'"></ng-include>
       </div>
     </div>
+    <div class="row component">
+      <div class="col-xs-12">
+        <h3>Buttons</h3>
+        <ng-include src="'buttons/demo.html'"></ng-include>
+        <p>For more visit Bootstrap material design documentation for <a href="http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html#buttons">buttons </a></p>
+      </div>
+    </div>
     <div class="row component">
       <div class="col-xs-12">
         <h3>Tabs</h3>
@@ -263,6 +270,7 @@ <h3>Toggle Button</h3>
   <script src="../dist/angular-bootstrap-material.js"></script>
   <script src="index.js"></script>
   <script src="alert/demo.js"></script>
+  <script src="buttons/demo.js"></script>
   <script src="dropdown/demo.js"></script>
   <script src="modal/demo.js"></script>
   <script src="pager/demo.js"></script>