[Card] RightIconButton

[ghost]

Is there are any work arounds to get a rightIconButton in a card header or card title component?

[hai-cea]

@vig9295 It doesn't look like that's currently possible - a code change will be needed.

[halayli]

In the meantime, you can do the following:

function getStyles() {
  return {
      top: 0,
      right: 0,
      zIndex: 2,
      position: 'absolute',
  };
}

const rightIconButton =
  <IconButton iconStyle={ { color: Colors.grey400, fontSize: 18 } } >
    <FontIcon className="material-icons">more_vert</FontIcon>
  </IconButton>;

<Card style={ { position: 'relative' } }>
  <IconMenu style={ getStyles() } iconButtonElement={ rightIconButton }>
    <MenuItem>Configure</MenuItem>
    <MenuItem>Disable</MenuItem>
   </IconMenu>
   ...
</Card>