Skip to content

Commit a1e5863

Browse files
andrewseguinjelbourn
authored andcommitted
feat(material-experimental/button): add to universal app (#16997)
1 parent 64619a9 commit a1e5863

File tree

3 files changed

+16
-6
lines changed

3 files changed

+16
-6
lines changed
Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
### TODO
2-
- Consider supporting button[mat-outlined-button]
3-
- Add to universal app
2+
- Consider supporting the selector "button[mat-outlined-button]" for the stroked button
43
- Consider if we want to add a "appearance/type" input to button, similar to form field (outline/stroked, flat, raised)

src/universal-app/kitchen-sink-mdc/kitchen-sink-mdc.html

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,16 @@
1-
<h2>MDC button</h2>
2-
3-
<!-- TODO: Copy kitchen sink examples for mat-button here -->
4-
Not yet implemented.
1+
<h2>Button</h2>
2+
3+
<button mat-button>go</button>
4+
<button mat-icon-button><mat-icon>search</mat-icon></button>
5+
<button mat-raised-button>go</button>
6+
<button mat-fab><mat-icon>home</mat-icon></button>
7+
<button mat-mini-fab><mat-icon>favorite</mat-icon></button>
8+
9+
<a mat-button href="https://google.com">Google</a>
10+
<a mat-icon-button href="https://google.com"><mat-icon>search</mat-icon></a>
11+
<a mat-raised-button href="https://google.com">Google</a>
12+
<a mat-fab href="https://google.com"><mat-icon>home</mat-icon></a>
13+
<a mat-mini-fab href="https://google.com"><mat-icon>favorite</mat-icon></a>
514

615
<h2>MDC card</h2>
716

src/universal-app/kitchen-sink-mdc/kitchen-sink-mdc.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {MatMenuModule} from '@angular/material-experimental/mdc-menu';
77
import {MatRadioModule} from '@angular/material-experimental/mdc-radio';
88
import {MatSlideToggleModule} from '@angular/material-experimental/mdc-slide-toggle';
99
import {MatTabsModule} from '@angular/material-experimental/mdc-tabs';
10+
import {MatIconModule} from '@angular/material/icon';
1011

1112
@Component({
1213
selector: 'kitchen-sink-mdc',
@@ -21,6 +22,7 @@ export class KitchenSinkMdc {
2122
MatCardModule,
2223
MatCheckboxModule,
2324
MatChipsModule,
25+
MatIconModule,
2426
MatMenuModule,
2527
MatRadioModule,
2628
MatSlideToggleModule,

0 commit comments

Comments
 (0)