[FlatButton] icon props are not passed through

[echenley]

Problem Description

Icon props aren't passed through when using FlatButton's icon prop. See android button in the docs: http://www.material-ui.com/v0.15.0-beta.2/#/components/flat-button. It is passed a color but remains black.

<FlatButton
  backgroundColor="#a4c639"
  hoverColor="#8AA62F"
  icon={<ActionAndroid color={fullWhite} />}
  style={style}
/>

Output:

Versions

• Material-UI: 0.15.0-beta.2
• React: 15

[jschlieber]

I've got the exact same problem with the leftIcon and rightIcon props of ListItem. Those will always display grey, despite setting color:

import {List, ListItem} from 'material-ui/List';
import CheckIcon from 'material-ui/svg-icons/navigation/check';
import {green500} from 'material-ui/styles/colors';

// ... some code ...

<ListItem
  primaryText="License active"
  secondaryText={`until ${paymentExpiryFormatted}`}
  leftIcon={<CheckIcon color={green500}/>}
/>

Same Versions

[tintin1343]

Edit: This is weird, initially it did not but then this worked fine for me. I later realized that it was because of my changes that it worked fine. Still investigating.

<FlatButton
      backgroundColor="#a4c639"
      hoverColor="#8AA62F"
      icon={<ActionAndroid color={fullWhite}/>}
      style={style}
    />

[tintin1343]

Confirmed Bug. This should be fixed when the PR is merged.

[giolin]

Happened to bump into the same problem. Thanks for that! It really helped.
I am expecting new release.