docs: Adds new button examples

Typo correction


Cleanup basic buttons


docs: Moves the flat/strocked buttons above icon/fab/mini-fab buttons

Requested changes

Author: FrederikSchlemmer

src/material-examples/button-types/button-types-example.html

@@ -28,6 +28,16 @@ <h3>Stroked Buttons</h3>
   <a mat-stroked-button routerLink=".">Link</a>
 </div>
 
+<h3>Flat Buttons</h3>
+<div class="button-row">
+  <button mat-flat-button>Basic</button>
+  <button mat-flat-button color="primary">Primary</button>
+  <button mat-flat-button color="accent">Accent</button>
+  <button mat-flat-button color="warn">Warn</button>
+  <button mat-flat-button disabled>Disabled</button>
+  <a mat-flat-button routerLink=".">Link</a>
+</div>
+
 <h3>Icon Buttons</h3>
 <div class="button-row">
   <button mat-icon-button>
@@ -72,3 +82,7 @@ <h3>Mini Fab Buttons</h3>
   </button>
   <a mat-mini-fab routerLink=".">Link</a>
 </div>
+
+<!-- Copyright 2018 Google Inc. All Rights Reserved.
+    Use of this source code is governed by an MIT-style license that
+    can be found in the LICENSE file at http://angular.io/license -->