@@ -8,23 +8,22 @@ and accessible experience for users. A `<button>` element should be used wheneve
8
8
is performed. An ` <a> ` element should be used whenever the user will _ navigate_ to another view.
9
9
10
10
11
- There are five button variants, each applied as an attribute:
11
+ There are several button variants, each applied as an attribute:
12
12
13
13
| Attribute | Description |
14
14
| ----------------------| --------------------------------------------------------------------------|
15
- | ` mat-button ` | Rectangular button w/ no elevation. |
16
- | ` mat-raised-button ` | Rectangular button w/ elevation |
17
- | ` mat-stroked-button ` | Rectangular button w/ an outline border |
15
+ | ` mat-button ` | Rectangular text button w/ no elevation |
16
+ | ` mat-raised-button ` | Rectangular contained button w/ elevation |
17
+ | ` mat-flat-button ` | Rectangular contained button w/ no elevation |
18
+ | ` mat-stroked-button ` | Rectangular outlined button w/ no elevation |
18
19
| ` mat-icon-button ` | Circular button with a transparent background, meant to contain an icon |
19
20
| ` mat-fab ` | Circular button w/ elevation, defaults to theme's accent color |
20
21
| ` mat-mini-fab ` | Same as ` mat-fab ` but smaller |
21
22
22
23
23
24
### Theming
24
25
Buttons can be colored in terms of the current theme using the ` color ` property to set the
25
- background color to ` primary ` , ` accent ` , or ` warn ` . By default, only FABs (Floating Action Button)
26
- are colored; the default background color for ` mat-button ` and ` mat-raised-button ` matches the theme's
27
- background color.
26
+ background color to ` primary ` , ` accent ` , or ` warn ` .
28
27
29
28
### Capitalization
30
29
According to the Material design spec button text has to be capitalized, however we have opted not
0 commit comments