Skip to content

Commit cbab7e0

Browse files
docs: Moves the flat/strocked buttons above icon/fab/mini-fab buttons
Requested changes
1 parent 7ab81e7 commit cbab7e0

File tree

1 file changed

+20
-21
lines changed

1 file changed

+20
-21
lines changed

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

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,26 @@ <h3>Raised Buttons</h3>
1818
<a mat-raised-button routerLink=".">Link</a>
1919
</div>
2020

21+
<h3>Stroked Buttons</h3>
22+
<div class="button-row">
23+
<button mat-stroked-button>Basic</button>
24+
<button mat-stroked-button color="primary">Primary</button>
25+
<button mat-stroked-button color="accent">Accent</button>
26+
<button mat-stroked-button color="warn">Warn</button>
27+
<button mat-stroked-button disabled>Disabled</button>
28+
<a mat-stroked-button routerLink=".">Link</a>
29+
</div>
30+
31+
<h3>Flat Buttons</h3>
32+
<div class="button-row">
33+
<button mat-flat-button>Basic</button>
34+
<button mat-flat-button color="primary">Primary</button>
35+
<button mat-flat-button color="accent">Accent</button>
36+
<button mat-flat-button color="warn">Warn</button>
37+
<button mat-flat-button disabled>Disabled</button>
38+
<a mat-flat-button routerLink=".">Link</a>
39+
</div>
40+
2141
<h3>Icon Buttons</h3>
2242
<div class="button-row">
2343
<button mat-icon-button>
@@ -63,27 +83,6 @@ <h3>Mini Fab Buttons</h3>
6383
<a mat-mini-fab routerLink=".">Link</a>
6484
</div>
6585

66-
<h3>Stroked Buttons</h3>
67-
<div class="button-row">
68-
<button mat-stroked-button>Basic</button>
69-
<button mat-stroked-button color="primary">Primary</button>
70-
<button mat-stroked-button color="accent">Accent</button>
71-
<button mat-stroked-button color="warn">Warn</button>
72-
<button mat-stroked-button disabled>Disabled</button>
73-
<a mat-stroked-button routerLink=".">Link</a>
74-
</div>
75-
76-
<h3>Flat Buttons</h3>
77-
<div class="button-row">
78-
<button mat-flat-button>Basic</button>
79-
<button mat-flat-button color="primary">Primary</button>
80-
<button mat-flat-button color="accent">Accent</button>
81-
<button mat-flat-button color="warn">Warn</button>
82-
<button mat-flat-button disabled>Disabled</button>
83-
<a mat-flat-button routerLink=".">Link</a>
84-
</div>
85-
86-
8786
<!-- Copyright 2018 Google Inc. All Rights Reserved.
8887
Use of this source code is governed by an MIT-style license that
8988
can be found in the LICENSE file at http://angular.io/license -->

0 commit comments

Comments
 (0)