更改主题中的复选框图标

Question

是否可以从 Material UI 中的主题更改复选框的图标？

props: {
        MuiButtonBase: {
            disableRipple: buttonRippleDisable
        },
        MuiButton: {
            disableElevation: buttonElevationDisable
        },
        MuiCheckbox: {
            icon: CheckCircleOutline,
        }
    }

Answer 1

是的。像上面那样在主题中传递 props 对象中的图标。

const theme = createMuiTheme({
    props:{
        MuiCheckbox:{
            icon: <FavoriteBorder />,
            checkedIcon:<Favorite />
        }
    }
});

现在，无论您在此主题范围内使用复选框，默认情况下都会获得此图标。

工作演示：