Skip to content

Commit e7bb368

Browse files
crisbetovictoriaaa234
authored andcommitted
docs(button): add stroked buttons to examples (#11433)
1 parent 99b5bab commit e7bb368

File tree

3 files changed

+17
-2
lines changed

3 files changed

+17
-2
lines changed

src/lib/button/button.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,5 +38,5 @@ default. The `<button>` element should be used for any interaction that _perform
3838
current page_. The `<a>` element should be used for any interaction that _navigates to another
3939
view_.
4040

41-
Buttons or links containing only icons (such as `mat-fab`, `mat-mini-fab`, and `mat-icon-button`) should
42-
be given a meaningful label via `aria-label` or `aria-labelledby`.
41+
Buttons or links containing only icons (such as `mat-fab`, `mat-mini-fab`, and `mat-icon-button`)
42+
should be given a meaningful label via `aria-label` or `aria-labelledby`.

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

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,8 @@
33
align-items: center;
44
justify-content: space-around;
55
}
6+
7+
.example-button-row button,
8+
.example-button-row a {
9+
margin-right: 8px;
10+
}

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

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,16 @@ <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+
2131
<h3>Icon Buttons</h3>
2232
<div class="button-row">
2333
<button mat-icon-button>

0 commit comments

Comments
 (0)