Material-ui: IconButtons won't float right inside CardActions

[antilect]

I don't understand how to make my IconButtons float right. I just want to put a delete-icon to the bottom right of my card in the CardActions section. How would I do this?

style={{float:'right'}} doesn't work on my Icon, IconButton components.

[daniel-sim]

This works for me...
<CardActions style={{ width: '100%', textAlign: 'right' }}>

[tintin1343]

@antilect : DId you try the above solution. I am closing this issue for now, but if you are now able to solve the issue using the above suggestion do let me know. I will reopen and investigate the issue for you.

[ospfranco]

This seems a very basic feature, I think the having a workaround is not the best approach.

[7hibault]

I style my actions using flex display.

const styles = theme => ({
    actions: {
        display: 'flex',
    },
    expand: {
        marginLeft: 'auto',
    },
});

and then

<CardActions className={classes.actions} disableActionSpacing>
  <IconButton className={classes.expand}>
    <SaveAltIcon />
  </IconButton>
  <IconButton>
    <EditIcon />
  </IconButton>
</CardActions>

This works with one or more icons

[skokaina]

This works for me...
<CardActions style={{ width: '100%', textAlign: 'right' }}>

This worked for me:
style={{ width: '100%', justifyContent: 'flex-end' }}