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

Question

是否有任何方法可以对无法通过 props 访问的 Material UI 组件的属性进行样式设置？

例如，我认为 Checkbox 组件本身与标签之间的边距太大，我想减小该边距，或者也许我想将标签放在左侧右边的。

这可能吗？如果不可能，看来 MUI 限制很大

Answer 1

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

1. iconStyle(指复选框图标的样式)

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

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