如何在 Material UI 按钮的角落放置一个图标

Question

如何将图标放在 Material UI 按钮的角落以做出反应？

现在我拥有的是这个，图标就在标题旁边。 我希望将图标移动到按钮的右下角......知道如何实现这一点吗？ 谢谢！

export default function CardButton() {
    return (
        <Button
            variant="contained"
            style={{
                height: 220,
                width: 275,
                margin: '1vh',
            }}
            color="secondary"
        >
            <Typography variant="button" style={{fontSize:'24px'}}>title</Typography>
            <AddIcon/>
        </Button>
    )
}

Answer 1

使用position: absolute为 position 图标。

https://stackblitz.com/edit/react-ts-a6phy9