Floating Action Button: Is there a straightforward way to make a button smaller than default mini?

Question

This is a screenshot of Button default sizes (http://www.material-ui.com/#/components/floating-action-button)

The size of mini button is 40x40px. Is there an easy way to reduce size to 30x30 or any other custom size? Say, by providing a prop={{size: '30:30'}} or somehow by styling.

Answer 1

For those still looking for a solution, I had to apply the style via the 'iconStyle' prop.

const myStyle = {
    height: 20,
    width: 20,
};

<FloatingActionButton iconStyle={ myStyle } />

For me, however, this caused an issue with my icon being off center. So myStyle then became:

const myStyle = {
    height: 20,
    lineHeight: '20px',
    verticalAlign: 'middle',
    width: 20,
};