material-ui - 进一步自定义 Material UI 组件？

Question

有什么方法可以设置无法通过访问的 Material UI 组件的属性props？

例如，Checkbox在我看来，组件本身与标签之间的边距太大，我想减小该边距，或者我想将标签放在左边，而不是右边。

这可能吗？如果没有，似乎 MUI 非常严格

Answer 1

在 material-ui 的文档中，在开关部分 → 复选框部分下，您会发现有 2 个道具用于覆盖组件的默认样式：

1. iconStyle（指复选框图标的样式）

2. labelStyle（指对应的标签）。您的问题的一种解决方案如下： <Checkbox name="..." value="..." label="..." iconStyle = {{left: "10"}} />

   由于图标具有默认的相对定位，您可以使用left它使其更靠近标签。