Presented here is a neatly styled button I've created
import styled from 'styled-components';
import Button from '@material-ui/core/Button';
import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
const MyButton = styled(Button)`
font-size: 11px;
`;
<MyButton
variant="outlined"
color="primary"
size="small"
disableElevation
endIcon={<ArrowForwardIosIcon />}
>
CLICK ME
</MyButton>
I'm wondering how to adjust the size of the endIcon. While I can do it in Chrome dev tools, I don't know what exactly to add in the MyButton definition. Perhaps something along these lines could work:
&.MuiButtonendIcon {
color: green;
font-size: 15px;
}