File tree Expand file tree Collapse file tree 1 file changed +10
-3
lines changed Expand file tree Collapse file tree 1 file changed +10
-3
lines changed Original file line number Diff line number Diff line change 4
4
5
5
### Button types
6
6
7
- There are four types of buttons:
7
+ There are five types of buttons:
8
8
1 . Flat buttons - ` md-button `
9
9
* Rectangular button
10
10
* Defaults to white background
@@ -13,12 +13,16 @@ There are four types of buttons:
13
13
* Rectangular button
14
14
* Defaults to white background
15
15
* Box shadow applied
16
- 3 . Floating Action Buttons (FABs) - ` md-fab `
16
+ 3 . Icon buttons - ` md-icon-button `
17
+ * Circular button
18
+ * Transparent background
19
+ * 40 by 40 px
20
+ 4 . Floating Action Buttons (FABs) - ` md-fab `
17
21
* Circular button
18
22
* Defaults background to "accent" palette defined in theme
19
23
* Box shadow applied
20
24
* 56 by 56 px
21
- 4 . Mini Floating Action Buttons (Mini FABs) - ` md-mini-fab `
25
+ 5 . Mini Floating Action Buttons (Mini FABs) - ` md-mini-fab `
22
26
* Circular button
23
27
* Defaults background to "accent" palette defined in theme
24
28
* Box shadow applied
@@ -32,6 +36,9 @@ Example:
32
36
``` html
33
37
<button md-button >FLAT</button >
34
38
<button md-raised-button >RAISED</button >
39
+ <button md-icon-button >
40
+ <i class =" material-icons md-24" >favorite</i >
41
+ </button >
35
42
<button md-fab >
36
43
<i class =" material-icons md-24" >add</i >
37
44
</button >
You can’t perform that action at this time.
0 commit comments