进一步自定义Material UI组件?

时间:2015-07-24 15:13:00

标签: material-ui

有没有办法设置无法通过props访问的Material UI组件的属性?

例如,Checkbox组件在我看来在它自己和标签之间有太大的余量,我想减少,或者我想在左边做标签,而不是右边

这可能吗?如果没有,似乎MUI非常有限

1 个答案:

答案 0 :(得分:5)

在材料-ui的文档中,在开关→复选框的子部分下,你会发现有2个道具可以覆盖组件的默认样式:

  1. iconStyle(指复选框图标的样式)
  2. labelStyle(指相应的标签)。 您的问题的一个解决方案如下: <Checkbox name="..." value="..." label="..." iconStyle = {{left: "10"}} />

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