[FloatingActionButton] Color prop of icon not used in FloatingActionButton

The color prop for a SVG icon inside a FloatingActionButton is not used. In below example, the icon color is the default white color, not red as expected. This was working in version 0.14.4

import PlaceIcon from 'material-ui/lib/svg-icons/maps/place';

<FloatingActionButton>
  <PlaceIcon color="#ff0000" />
</FloatingActionButton>

Versions

• Material-UI: 0.15.0-alpha.2
• React: 0.14.7
• Browser: at least Chrome & Firefox

[mbrookes]

@jkettmann - the color is controlled by <FloatingActionButton /> so it can set it for disabled etc.

You could create a custom theme, or update the theme on context with the muiThemefloatingActionButton.iconColor and floatingActionButton.disabledTextColor keys.

Or override the icon style with:

    <FloatingActionButton iconStyle={{fill: '#FF0000'}}>
      <PlaceIcon />
    </FloatingActionButton>

[brad-decker]

In my opinion the documents should be updated to reflect that FloatingActionButton is gonna eat the valid props documented in child components, or we should reopen this so that it can be tracked and some beautiful engineers can make this work.