Browse Source

Document fab icon tinting

Guy Carmeli 7 years ago
parent
commit
f98506a0ed
1 changed files with 6 additions and 0 deletions
  1. 6
    0
      docs/adding-buttons-to-the-navigator.md

+ 6
- 0
docs/adding-buttons-to-the-navigator.md View File

@@ -136,11 +136,13 @@ Navigation.startSingleScreenApp({
136 136
 Each screen can contain a single Fab which is displayed at the bottom right corner of the screen.
137 137
 
138 138
 * Simple Fab:
139
+
139 140
 ```js
140 141
   static navigatorButtons = {
141 142
     fab: {
142 143
       collapsedId: 'share',
143 144
       collapsedIcon: require('../../img/ic_share.png'),
145
+      collapsedIconColor: 'red', // optional
144 146
       backgroundColor: '#607D8B'
145 147
     }
146 148
   };
@@ -148,17 +150,21 @@ Each screen can contain a single Fab which is displayed at the bottom right corn
148 150
 
149 151
 * Fab with expanded state
150 152
 [Example](https://material-design.storage.googleapis.com/publish/material_v_9/0B8v7jImPsDi-ZmQ0UnFPZmtiSU0/components-buttons-fab-transition_speeddial_02.mp4)
153
+
151 154
 ```js
152 155
     fab: {
153 156
       collapsedId: 'share',
154 157
       collapsedIcon: require('../../img/ic_share.png'),
158
+      collapsedIconColor: 'green', // optional
155 159
       expendedId: 'clear',
156 160
       expendedIcon: require('../../img/ic_clear.png'),
161
+      expendedIconColor: 'red', // optional
157 162
       backgroundColor: '#3F51B5',
158 163
       actions: [
159 164
         {
160 165
           id: 'mail',
161 166
           icon: require('../../img/ic_mail.png'),
167
+          iconColor: 'blue', // optional
162 168
           backgroundColor: '#03A9F4'
163 169
         },
164 170
         {