应用程序主题级别的样式 Chakra UI FormControl 和标签

问题描述

使用 Chakra 已有一段时间了，但我无法理解所有组件的样式，在本例中，FormControl 在全局级别使用主题文件。

例如，如果我想为 FormControl 和 Formlabel 元素添加边距底部，我会将组件对象添加到主题文件中，如下所示：

  components: {
    Form: {
      parts: ['control','label','errorMessage'],baseStyle: {
        control: {
          marginBottom: '2rem',},label: {
          marginBottom: '3rem',

但这对呈现的 FormControl 或 Formlabel 的基本样式没有影响。

有人可以帮我解决我在这里做错的事情吗？

解决方法

仔细查看源代码后，FormControl 没有部件数组，因为它是一个上下文而不是一个组件。因此，它不能被样式化！