chore: move examples in from docs site repo (#2781)

Author: riavalon

src/examples/button-overview/button-overview-example.css

@@ -0,0 +1 @@
+/** No CSS for this example */

src/examples/button-overview/button-overview-example.html

@@ -0,0 +1 @@
+<button md-button>Click me!</button>

src/examples/button-overview/button-overview-example.ts

@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+  selector: 'button-overview-example',
+  templateUrl: './button-overview-example.html',
+})
+export class ButtonOverviewExample {}

src/examples/button-toggle-exclusive/button-toggle-exclusive-example.css

@@ -0,0 +1,3 @@
+.example-selected-value {
+  margin: 15px 0;
+}

src/examples/button-toggle-exclusive/button-toggle-exclusive-example.html

@@ -0,0 +1,15 @@
+<md-button-toggle-group #group="mdButtonToggleGroup">
+  <md-button-toggle value="left">
+    <md-icon>format_align_left</md-icon>
+  </md-button-toggle>
+  <md-button-toggle value="center">
+    <md-icon>format_align_center</md-icon>
+  </md-button-toggle>
+  <md-button-toggle value="right">
+    <md-icon>format_align_right</md-icon>
+  </md-button-toggle>
+  <md-button-toggle value="justify" disabled>
+    <md-icon>format_align_justify</md-icon>
+  </md-button-toggle>
+</md-button-toggle-group>
+<div class="example-selected-value">Selected value: {{group.value}}</div>

src/examples/button-toggle-exclusive/button-toggle-exclusive-example.ts

@@ -0,0 +1,9 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+  selector: 'button-toggle-exclusive-example',
+  templateUrl: './button-toggle-exclusive-example.html',
+  styleUrls: ['./button-toggle-exclusive-example.css'],
+})
+export class ButtonToggleExclusiveExample {}

src/examples/button-toggle-overview/button-toggle-overview-example.css

@@ -0,0 +1 @@
+/** No CSS for this example */

src/examples/button-toggle-overview/button-toggle-overview-example.html

@@ -0,0 +1 @@
+<md-button-toggle>Toggle me!</md-button-toggle>

src/examples/button-toggle-overview/button-toggle-overview-example.ts

@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+  selector: 'button-toggle-overview-example',
+  templateUrl: './button-toggle-overview-example.html',
+})
+export class ButtonToggleOverviewExample {}

src/examples/button-types/button-types-example.css

@@ -0,0 +1,9 @@
+.example-container {
+  width: 500px;
+}
+
+.example-button-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}