如何在 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